mess around with footer + misc adjustments on event header and venue item

web/src/components/layout/Footer.tsx

@@ -39,7 +39,7 @@ export const Footer = () => {
     <>
     <footer className={styles.footer}>
       <div className={styles.social}>
-        <h2 className="suphead">Følg oss</h2>
+        <h2>Følg oss</h2>
         <ul>
           <li>
             <a
@@ -74,7 +74,7 @@ export const Footer = () => {
         </ul>
       </div>
       <div className={styles.contact}>
-        <h2 className="suphead">Kontakt oss</h2>
+        <h2>Kontakt oss</h2>
         <div className={styles.emails}>
           <div>
             Generelle henvendelser
@@ -91,14 +91,14 @@ export const Footer = () => {
             </a>
           </div>
           <div>
-            <Link href="/kontakt">Øvrig kontaktinfo</Link>
+            <Link href="/kontakt">Øvrig kontaktinfo&nbsp;<Icon type="arrowRight" /></Link>
           </div>
         </div>
       </div>
       <div className={styles.visit}>
-        <h2 className="suphead">Besøk oss</h2>
+        <h2>Besøk oss</h2>
         <div className={styles.address}>
-          <h2 className="suphead">Adresse</h2>
+          <h3 className="suphead">Adresse</h3>
           <div>
             Chateau Neuf
             <br />
@@ -107,26 +107,26 @@ export const Footer = () => {
             0369 Oslo
             <br />
             <a href="#" target="_blank">
-              Vis i Google Maps
+              Vis i Google Maps&nbsp;<Icon type="externalLink" />
             </a>
           </div>
         </div>
 
         <div className={styles.openingHoursWrapper}>
-          <h2 className="suphead">Åpningstider i dag</h2>
+          <h3 className="suphead">Åpningstider i dag</h3>
           <OpeningHoursTable />
-          <Link href="/praktisk#apningstider">Se alle åpningstider</Link>
+          <Link href="/praktisk#apningstider">Se alle åpningstider&nbsp;<Icon type="arrowRight" /></Link>
         </div>
       </div>
       <div className={styles.pig}>
         <NeonChillPig />
       </div>
+    </footer>
+    <div className={styles.pigPattern}>
       <div className={styles.toTop}>
         <ToTop />
       </div>
-    </footer>
-    <div className={styles.pigPattern}>
-      </div>
-      </>
+    </div>
+  </>
   );
 };