From ba527255cce0137f66e6ee91568267e338cdd773 Mon Sep 17 00:00:00 2001
From: "matth@ultra" <matthias.quintern@posteo.de>
Date: Mon, 2 Sep 2024 00:14:10 +0200
Subject: [PATCH] improve style

---
 src/sass/main.sass | 13 +++++++------
 src/style.css      | 15 +++++++--------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/sass/main.sass b/src/sass/main.sass
index e510d21..4981046 100644
--- a/src/sass/main.sass
+++ b/src/sass/main.sass
@@ -53,7 +53,7 @@ main
     text-align: center
 
 .main-box
-  background: $bg2
+  background-color: $bg1
 .current-file
   width: 100%
   height: $file-height
@@ -81,8 +81,8 @@ main
     margin: auto
 
 .second-box
-  margin-top: $box-margin
-  margin-bottom: $box-margin
+  padding-top: $box-margin
+  padding-bottom: $box-margin
 
 
 footer
@@ -212,10 +212,9 @@ button:hover
   main
     display: flex
     flex-direction: row
-    padding-bottom: $footer-height
   .main-box
     width: 75%
-    max-height: calc(100vh - $footer-height)
+    max-height: calc(100vh - $footer-height - 2 * $footer-padding-y)
   .splash-text
     filter: drop-shadow(0.20rem 0.20rem 0 $accent)
     
@@ -223,8 +222,10 @@ button:hover
     display: flex
     flex-direction: column
     width: 25%
-    max-height: calc(100vh - $footer-height)
+    max-height: calc(100vh - $footer-height - 2 * $footer-padding-y)
     overflow: scroll
+    margin-top: 0
+    margin-bottom: 0
 
   .current-file
     height: 100%
diff --git a/src/style.css b/src/style.css
index 07ea48f..a4c65bc 100644
--- a/src/style.css
+++ b/src/style.css
@@ -30,7 +30,7 @@ main * {
 }
 
 .main-box {
-  background: #d5c4a1;
+  background-color: #ebdbb2;
 }
 
 .current-file {
@@ -60,8 +60,8 @@ main * {
 }
 
 .second-box {
-  margin-top: 0.4rem;
-  margin-bottom: 0.4rem;
+  padding-top: 0.4rem;
+  padding-bottom: 0.4rem;
 }
 
 footer {
@@ -220,11 +220,10 @@ button:hover {
   main {
     display: flex;
     flex-direction: row;
-    padding-bottom: 20px;
   }
   .main-box {
     width: 75%;
-    max-height: calc(100vh - 20px);
+    max-height: calc(100vh - 20px - 4px);
   }
   .splash-text {
     filter: drop-shadow(0.2rem 0.2rem 0 #9d0006);
@@ -233,8 +232,10 @@ button:hover {
     display: flex;
     flex-direction: column;
     width: 25%;
-    max-height: calc(100vh - 20px);
+    max-height: calc(100vh - 20px - 4px);
     overflow: scroll;
+    margin-top: 0;
+    margin-bottom: 0;
   }
   .current-file {
     height: 100%;
@@ -246,5 +247,3 @@ button:hover {
     bottom: 0;
   }
 }
-
-/*# sourceMappingURL=style.css.map */