From 987eb49f47e445b6e453c9979fcf9a50b8c09d4f Mon Sep 17 00:00:00 2001
From: Katja Lutz <mail@katjalutz.ch>
Date: Thu, 23 Jun 2022 00:07:52 +0200
Subject: [PATCH] feat: add shadows to overlay footer buttons

---
 src/components/Settings/Overlay.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/Settings/Overlay.tsx b/src/components/Settings/Overlay.tsx
index 23aa0c4..4578f03 100644
--- a/src/components/Settings/Overlay.tsx
+++ b/src/components/Settings/Overlay.tsx
@@ -757,7 +757,7 @@ const SettingsOverlay: Component = () => {
         <div>
           <div class="grid grid-cols-2 gap-2 mb-4">
             <button
-              class="btn btn-sm btn-accent gap-2"
+              class="btn btn-sm btn-accent shadow-md gap-2"
               onClick={async () => {
                 const files = await selectLocalFiles([
                   ".json",
@@ -853,14 +853,17 @@ const SettingsOverlay: Component = () => {
             >
               <LoadIcon /> Laden
             </button>
-            <button class="btn btn-sm btn-accent gap-2" onClick={saveProject}>
+            <button
+              class="btn btn-sm btn-accent shadow-md gap-2"
+              onClick={saveProject}
+            >
               <DownloadIcon /> Speichern
             </button>
           </div>
           <div class="form-control w-full">
             <div class="input-group input-group-sm">
               <select
-                class="w-1/2 select select-sm select-bordered"
+                class="w-1/2 select select-sm select-bordered shadow"
                 onChange={(evt) => {
                   setUiState("printType", evt.currentTarget.value as any);
                   evt.currentTarget.blur();
@@ -881,7 +884,7 @@ const SettingsOverlay: Component = () => {
                 </For>
               </select>
               <button
-                class="btn btn-sm btn-primary flex-1 gap-2"
+                class="btn btn-sm btn-primary flex-1 gap-2 shadow-md"
                 onClick={() => window.print()}
               >
                 <PrinterIcon /> Drucken