feat: add shadows to overlay footer buttons

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