diff --git a/web/src/components/layout/Footer.tsx b/web/src/components/layout/Footer.tsx index 7b9348a..2bc071c 100644 --- a/web/src/components/layout/Footer.tsx +++ b/web/src/components/layout/Footer.tsx @@ -77,15 +77,13 @@ export const Footer = () => {

Kontakt oss

- Generelle henvendelser -
+

Generelle henvendelser

post@neuf.no
- Billetter -
+

Billetter

billetter@neuf.no @@ -97,25 +95,27 @@ export const Footer = () => {

Besøk oss

-
-

Adresse

-
- Chateau Neuf -
- Slemdalsveien 15 -
- 0369 Oslo -
- - Vis i Google Maps  - +
+
+

Adresse

+
+ Chateau Neuf +
+ Slemdalsveien 15 +
+ 0369 Oslo +
+ + Vis i Google Maps  + +
-
-
-

Åpningstider i dag

- - Se alle åpningstider  +
+

Åpningstider i dag

+ + Se alle åpningstider  +
diff --git a/web/src/components/layout/footer.module.scss b/web/src/components/layout/footer.module.scss index fdc06bf..7e57cdf 100644 --- a/web/src/components/layout/footer.module.scss +++ b/web/src/components/layout/footer.module.scss @@ -13,13 +13,18 @@ row-gap: var(--spacing-gap-column); h2 { + grid-column: 1 / -1; font-family: var(--font-serif); font-weight: 400; font-size: var(--font-size-h3); + margin-bottom: var(--spacing-m); } h3 { - margin-bottom: 1em; + line-height: inherit; + font-size: 1em; + font-weight: 600; + margin: 0; } } @@ -41,32 +46,31 @@ .social, .contact, .visit { + line-height: 1.78; margin-bottom: var(--spacing-section-bottom); ul { list-style: none; } - - h2 { - margin-bottom: var(--spacing-s); - grid-column: span 3; - } } .visit { grid-column: span 2; - display: grid; - grid-template-columns: 1fr 1fr; } + +.visitContent { + display: grid; + grid-template-columns: 1fr 1fr; + align-items: flex-start; +} .address { - line-height: 1.78; margin-bottom: 2rem; } .emails { >div { - margin-bottom: 2rem; + margin-bottom: 1rem; } } @@ -121,25 +125,17 @@ } } -@media (max-width: 900px) { - .social, - .contact, +@media (max-width: 1000px) { + .footer { + grid-template-columns: 1fr 1fr; + } +} + +@media (max-width: 600px) { + .footer { + grid-template-columns: 1fr; + } .visit { - grid-template-columns: 1fr; - - h2 { - grid-column: 1 / -1; - } + grid-column: span 1; } - - .social ul, - .emails, - .visit >div, .visit >ul { - grid-column: 1 / -1; - } - - .emails { - grid-template-columns: 1fr; - } - } \ No newline at end of file diff --git a/web/src/css/button.scss b/web/src/css/button.scss index bc6691b..c6e3ed6 100644 --- a/web/src/css/button.scss +++ b/web/src/css/button.scss @@ -40,10 +40,11 @@ button, } &.tertiary { + font-size: var(--font-size-caption); color: currentColor; background: transparent; border: 2px solid currentColor; - padding: .25rem .75rem; + padding: .2rem .75rem; } &.toggler {