From 646b3e4128692ba95fe915e998a6e8d29ba2687c Mon Sep 17 00:00:00 2001
From: elise <hei@elisejakob.no>
Date: Sat, 10 Aug 2024 14:25:04 +0200
Subject: [PATCH] adjust footer breaks + avoid line break in entities contact
 info

---
 .../blocks/contactEntityBlock.module.scss     |  9 +++++++++
 web/src/components/layout/footer.module.scss  | 20 +++++++++++++++++++
 web/src/css/variables.scss                    |  4 ++--
 3 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/web/src/components/blocks/contactEntityBlock.module.scss b/web/src/components/blocks/contactEntityBlock.module.scss
index 7efc35a..d040791 100644
--- a/web/src/components/blocks/contactEntityBlock.module.scss
+++ b/web/src/components/blocks/contactEntityBlock.module.scss
@@ -24,6 +24,10 @@
   .text {
     padding: 0;
   }
+
+  .name {
+    margin-bottom: .2em;
+  }
   
   .name,
   .role {
@@ -32,6 +36,7 @@
   
   .role {
     font-family: var(--font-serif);
+    line-height: 1.2;
   }
   
   .contact {
@@ -40,6 +45,10 @@
     font-size: var(--font-size-caption);
     font-weight: 500;
     line-height: 1.7;
+
+    li {
+      white-space: nowrap;
+    }
   }
   
   .icon {
diff --git a/web/src/components/layout/footer.module.scss b/web/src/components/layout/footer.module.scss
index 7e57cdf..96fcc18 100644
--- a/web/src/components/layout/footer.module.scss
+++ b/web/src/components/layout/footer.module.scss
@@ -129,6 +129,11 @@
   .footer {
     grid-template-columns: 1fr 1fr;
   }
+  .social {
+    ul {
+      padding-top: .3em;
+    }
+  }
 }
 
 @media (max-width: 600px) {
@@ -138,4 +143,19 @@
   .visit {
     grid-column: span 1;
   }
+  .social {
+    ul {
+      display: flex;
+      flex-wrap: wrap;
+      gap: .5rem;
+    }
+  }
+  .emails {
+    display: flex;
+    flex-wrap: wrap;
+    > div {
+      width: 50%;
+      padding-right: 2rem;
+    }
+  }
 }
\ No newline at end of file
diff --git a/web/src/css/variables.scss b/web/src/css/variables.scss
index 304bbf1..a3ef41d 100644
--- a/web/src/css/variables.scss
+++ b/web/src/css/variables.scss
@@ -75,14 +75,14 @@
   --border-s: 1px solid var(--color-chateauBlue-05);
 }
 
-@media (min-width: 1400px) {
+@media (min-width: 1800px) {
   :root {
     --spacing-sitepadding-block: 2.4rem;
     --spacing-sitepadding-inline: 6rem;
   }
 }
 
-@media (min-width: 1920px) {
+@media (min-width: 2000px) {
   :root {
     --spacing-sitepadding-block: 3rem;
     --spacing-sitepadding-inline: 10rem;