From 7288b57c24a8f0b080f9cb8ba9f921b9afb1b170 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=7BG=F0=9D=96=9C=F0=9D=96=8A=F0=9D=96=93=5B=E2=99=A1=5D=2E?=
 =?UTF-8?q?T=F0=9D=96=86=F0=9D=96=98=F0=9D=96=99=F0=9D=96=8E=F0=9D=96=88?=
 =?UTF-8?q?=7D?= <47124765+GwenTastic@users.noreply.github.com>
Date: Fri, 3 May 2024 18:39:14 +0200
Subject: [PATCH] more css fixes

---
 assets/css/style.scss | 34 +++++++++++++++++++++++++---------
 1 file changed, 25 insertions(+), 9 deletions(-)

diff --git a/assets/css/style.scss b/assets/css/style.scss
index 0b54f1d..4750377 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -37,7 +37,7 @@ section {
     margin-left: 3em;
 }
 
-section.changelog {
+section#changelog {
     display: grid;
     grid-area: changelog;
     align-self: self-end;
@@ -58,7 +58,7 @@ footer {
         padding-top: 0px;
     }
     .container {
-        grid-template-columns: 15% 80%;
+        grid-template-columns: 15% 70% 15%;
         grid-template-rows: 10% 85% 1%;
         grid-template-areas: 
         "heads main main changelog" 
@@ -88,7 +88,7 @@ footer {
         margin-left: -50px;
     }
     footer{
-        display:grid;
+        display: grid;
         grid-area: foot;
         align-self: stretch;
         height: 25px;
@@ -96,7 +96,7 @@ footer {
         margin-left: -150px;
         padding-left: 0px;
     }
-    footer{
+    section#changelog {
         display: grid;
         grid-area: changelog;
         align-self: stretch;
@@ -113,11 +113,11 @@ footer {
         padding-top: 0px;
     }
     .container {
-        grid-template-columns: 10% 90%;
+        grid-template-columns: 10% 80%;
         grid-template-rows: 10% 85% 5%;
         grid-template-areas: 
         "heads main" 
-        "0 main" 
+        "changelog main" 
         "foot foot";
     }
     header {
@@ -142,8 +142,16 @@ footer {
         padding-top: 0px;
         margin-left: -70px;
     }
+    section#changelog {
+        display: grid;
+        grid-area: changelog;
+        align-self: stretch;
+        max-width: 220px;
+        margin-left: 15px;
+    }
+
     footer{
-        display:grid;
+        display: grid;
         grid-area: foot;
         align-self: stretch;
         height: 25px;
@@ -154,10 +162,11 @@ footer {
 @media only screen and (max-device-width: 900px) {
     .container {
         grid-template-columns: 100%;
-        grid-template-rows: 10% 85% 5%;
+        grid-template-rows: 10% 75% 10% 5%;
         grid-template-areas: 
         "heads" 
-        "main" 
+        "main"
+        "changelog"
         "foot";
     }
     header {
@@ -175,6 +184,13 @@ footer {
         align-self: stretch;
         margin-left: 5%;
     }
+    
+    section#changelog {
+        grid-area: changelog;
+        align-self: stretch;
+        margin-left: 5%;
+    }
+
     footer{
         display:grid;
         grid-area: foot;