From 282a4453a507e2a375f67407121d2db70c7fd1b4 Mon Sep 17 00:00:00 2001
From: Emily Wangler <emily@at-point.ch>
Date: Sat, 30 Sep 2023 21:03:18 +0200
Subject: [PATCH] improve div styling issues and update copyright

---
 src/components/Footer.tsx |  2 +-
 src/index.less            | 13 +++++++++++--
 src/styles/calendar.less  |  8 ++++++++
 src/styles/chapter.less   |  2 +-
 src/styles/nav.less       |  4 ++--
 5 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index d7c38fc..ca7b1eb 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -74,7 +74,7 @@ function Footer(props: Props) {
         </ul>
       </nav>
       <div className='footer-bottom'>
-        <p className="footer-copyright">© 2022 Pfadibewegung Schweiz</p>
+        <p className="footer-copyright">© 2023 Pfadibewegung Schweiz</p>
         <ul className='footer-bottom-nav'>
           <li className="child">
             <Link to="/impressum">Impressum</Link>
diff --git a/src/index.less b/src/index.less
index 387aaa1..2278433 100644
--- a/src/index.less
+++ b/src/index.less
@@ -79,6 +79,11 @@ div {
 }
 
 @media (max-width: 659px) {
+
+  main {
+    width: 100%;
+  }
+
   h1 {
     font-size: 30px;
   }
@@ -92,7 +97,7 @@ div {
   }
 
   .content-main {
-    margin: 40px 10px;
+    margin: 0 1rem;
   }
 }
 @media (min-width: 660px) {
@@ -136,6 +141,10 @@ div {
   h2 {
     font-size: 30px;
   }
+
+  .content-main {
+    margin: 0 2rem;
+  }
 }
 @media (min-width: 1100px) {
   p,
@@ -149,7 +158,7 @@ div {
   }
 
   .content-main {
-    margin: 0 9rem 0 6rem;
+    margin: 0 4rem;
   }
 
   h1 {
diff --git a/src/styles/calendar.less b/src/styles/calendar.less
index 53954af..6a62fa3 100644
--- a/src/styles/calendar.less
+++ b/src/styles/calendar.less
@@ -44,6 +44,14 @@
         width: 30%;
       }
     }
+
+    @media (max-width: 659px) {
+      table {
+        width: 100vw;
+        display: block;
+        overflow: scroll;
+      }
+    }
   }
   
   .calendar-ics {
diff --git a/src/styles/chapter.less b/src/styles/chapter.less
index 3031321..aa53232 100644
--- a/src/styles/chapter.less
+++ b/src/styles/chapter.less
@@ -16,7 +16,7 @@
   
   @media (max-width: 660px) {
     .targets {
-      margin-top: -50px;
+      margin-top: -10px;
       margin-left: 3rem;
     }
 
diff --git a/src/styles/nav.less b/src/styles/nav.less
index 27ee4ec..a5ce15d 100644
--- a/src/styles/nav.less
+++ b/src/styles/nav.less
@@ -44,7 +44,7 @@ nav.header-nav {
   }
 
   .header-nav-content {
-    overflow: scroll;
+    overflow-y: scroll;
     height: calc(~"100vh - 40px");
 
     &>ul {
@@ -157,6 +157,6 @@ nav.header-nav {
   }
 
   main {
-    padding-left: 320px;
+    padding-left: 317px;
   }
 }
\ No newline at end of file