From e6e0413ee097a1f4f039004ecee9861252e3f326 Mon Sep 17 00:00:00 2001
From: elisejakob <hei@elisejakob.no>
Date: Fri, 10 May 2024 20:16:15 +0200
Subject: [PATCH] tidy up footer font sizes etc

---
 web/src/components/layout/Footer.tsx         |  8 ++++----
 web/src/components/layout/footer.module.scss | 18 ++++++++++++++++++
 web/src/css/base.scss                        |  9 ++++++++-
 3 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/web/src/components/layout/Footer.tsx b/web/src/components/layout/Footer.tsx
index 95a11de..39f73f1 100644
--- a/web/src/components/layout/Footer.tsx
+++ b/web/src/components/layout/Footer.tsx
@@ -15,7 +15,7 @@ export const Footer = () => {
       <div className={styles.contact}>
         <ul className={styles.contactList}>
           <li className={styles.contactItem}>
-            <h2>Følg oss</h2>
+            <h2 className="suphead">Følg oss</h2>
             <ul>
               <li>
                 <a href="#" target="_blank">
@@ -40,7 +40,7 @@ export const Footer = () => {
             </ul>
           </li>
           <li className={styles.contactItem}>
-            <h2>Kontakt oss</h2>
+            <h2 className="suphead">Kontakt oss</h2>
             <p>
               Generell kontaktinfo
               <br />
@@ -54,7 +54,7 @@ export const Footer = () => {
             </p>
           </li>
           <li className={styles.contactItem}>
-            <h2>Besøk oss</h2>
+            <h2 className="suphead">Besøk oss</h2>
             <p>
               Det Norske Studentersamfund
               <br />
@@ -68,7 +68,7 @@ export const Footer = () => {
             </p>
           </li>
           <li className={styles.contactItem}>
-            <h2>Åpningstider</h2>
+            <h2 className="suphead">Åpningstider</h2>
             <p>
               Glassbaren
               <br />
diff --git a/web/src/components/layout/footer.module.scss b/web/src/components/layout/footer.module.scss
index 6af99de..54a5ad6 100644
--- a/web/src/components/layout/footer.module.scss
+++ b/web/src/components/layout/footer.module.scss
@@ -4,6 +4,11 @@
   align-items: flex-end;
   padding: var(--spacing-sitepadding);
   background: var(--color-background-secondary);
+
+  button {
+    font-size: var(--font-size-caption);
+    background: var(--color-neufPink);
+  }
 }
 
 .contactList {
@@ -17,4 +22,17 @@
 .contactItem {
   list-style: none;
   grid-column: span 3;
+
+  h2 {
+    margin-bottom: 1em;
+  }
+
+  ul {
+    list-style: none;
+  }
+
+  ul,
+  p {
+    font-size: var(--font-size-caption);
+  }
 }
\ No newline at end of file
diff --git a/web/src/css/base.scss b/web/src/css/base.scss
index a519962..55e1e72 100644
--- a/web/src/css/base.scss
+++ b/web/src/css/base.scss
@@ -73,6 +73,13 @@ h6 {
   line-height: 1.2;
 }
 
+.suphead {
+  font-size: var(--font-size-caption);
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: .05em;
+}
+
 button {
   border-radius: 10rem;
   background: var(--color-cta);
@@ -80,7 +87,7 @@ button {
   border: none;
   padding: 1rem 1.5rem;
   font-family: inherit;
-  font-size: inherit;
+  font-size: var(--font-size-body);
   font-weight: 500;
   transition: opacity var(--transition-easing);
   cursor: pointer;