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

---
 src/sass/main.sass | 12 ++++++++++++
 src/style.css      | 15 +++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/src/sass/main.sass b/src/sass/main.sass
index 8ef105c..f65ab80 100644
--- a/src/sass/main.sass
+++ b/src/sass/main.sass
@@ -161,6 +161,11 @@ button:hover
   width: 20px
   text-align: center
   // #directory
+#save-button
+  filter: drop-shadow(0.1rem 0.1rem 0 $light-red)
+#load-button
+  filter: drop-shadow(0.1rem 0.1rem 0 $light-blue)
+  
 
 
 .add-mapping-form
@@ -183,6 +188,10 @@ button:hover
       // width: 50%
 
 
+.filename-input
+  width: 90%
+  margin: auto
+  padding: 0.1rem
 .file-list
   width: 90%
   margin: auto
@@ -212,6 +221,7 @@ button:hover
   main
     display: flex
     flex-direction: row
+    padding-bottom: $footer-height + 2 * $footer-padding-y
   .main-box
     width: 75%
     max-height: calc(100vh - $footer-height - 2 * $footer-padding-y)
@@ -232,6 +242,8 @@ button:hover
     width: 100%
 
 
+
+
   footer
     width: 100%
     position: fixed
diff --git a/src/style.css b/src/style.css
index 4ec514c..59c7b66 100644
--- a/src/style.css
+++ b/src/style.css
@@ -160,6 +160,14 @@ button:hover {
   text-align: center;
 }
 
+#save-button {
+  filter: drop-shadow(0.1rem 0.1rem 0 #9d0006);
+}
+
+#load-button {
+  filter: drop-shadow(0.1rem 0.1rem 0 #076678);
+}
+
 .add-mapping-form {
   margin: auto;
   padding-bottom: 0.4rem;
@@ -184,6 +192,12 @@ button:hover {
   margin-left: 0;
 }
 
+.filename-input {
+  width: 90%;
+  margin: auto;
+  padding: 0.1rem;
+}
+
 .file-list {
   width: 90%;
   margin: auto;
@@ -220,6 +234,7 @@ button:hover {
   main {
     display: flex;
     flex-direction: row;
+    padding-bottom: 24px;
   }
   .main-box {
     width: 75%;