Merge pull request #23 from scout-ch/bugfix/improve-styling

improve some styling issues and update copyright
scout-ch · Sep 30, 2023 · a3cc04d · a3cc04d
2 parents 468212f + 282a445
commit a3cc04d
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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;
   }
 }