fix: Mobile usability

dev-dist/sw.js

@@ -79,7 +79,7 @@ define(['./workbox-21a80088'], (function (workbox) { 'use strict';
    */
   workbox.precacheAndRoute([{
     "url": "index.html",
-    "revision": "0.dkv277t7u3k"
+    "revision": "0.9ku5uov2tfg"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

public/print.css

@@ -1,5 +1,5 @@
-
 @media print {
+
   /* Reset margins and hide unnecessary elements */
   * {
     -webkit-print-color-adjust: exact !important;
@@ -13,6 +13,7 @@
     color: black !important;
     background: white !important;
   }
+
   .bg-gradient-to-br {
     background-image: none !important;
   }
@@ -164,11 +165,15 @@
   }
 
   /* Ensure proper spacing */
-  .space-y-4 > * + * {
+  .space-y-6>*+* {
+    margin-top: 18pt !important;
+  }
+
+  .space-y-4>*+* {
     margin-top: 12pt !important;
   }
 
-  .space-y-2 > * + * {
+  .space-y-2>*+* {
     margin-top: 6pt !important;
   }
 
@@ -186,4 +191,4 @@
     background: transparent !important;
     background-color: transparent !important;
   }
-}
+}

public/pwa.css

@@ -51,6 +51,7 @@ button,
 
 /* Landscape mode optimizations */
 @media (orientation: landscape) and (max-height: 500px) {
+
   /* Compact header for landscape mobile */
   header {
     height: 48px;
@@ -65,6 +66,7 @@ button,
 
 /* Standalone mode specific styles (when app is installed) */
 @media (display-mode: standalone) {
+
   /* Add subtle indication that app is installed */
   body::before {
     content: "";
@@ -90,10 +92,11 @@ body {
 
 /* Improve button touch targets on mobile */
 @media (max-width: 768px) {
-  button:not(.icon-only) {
-    min-height: 44px;
-    padding: 0.75rem 1rem;
-  }
+  /* button:not(.icon-only) { */
+  /* min-height: 44px; */
+  /* min-width: 44px; */
+  /* padding: 0.75rem 1rem; */
+  /* } */
 
   /* Larger tap targets for icon buttons */
   button.icon-only {
@@ -108,9 +111,12 @@ body {
 }
 
 @keyframes pulse {
-  0%, 100% {
+
+  0%,
+  100% {
     opacity: 1;
   }
+
   50% {
     opacity: 0.5;
   }
@@ -134,6 +140,7 @@ body {
 
 /* iOS specific fixes */
 @supports (-webkit-touch-callout: none) {
+
   /* Fix iOS safari bounce */
   body {
     position: fixed;
@@ -193,9 +200,10 @@ body {
 
 /* Android specific fixes */
 @media (max-width: 768px) {
+
   /* Prevent address bar from covering content */
   .mobile-viewport {
     min-height: 100vh;
     min-height: -webkit-fill-available;
   }
-}
+}