Fix mobile visibility for GPS and Map location buttons

- Improved responsive design for location buttons on mobile devices
- Made GPS and Map buttons full-width and properly sized for touch interaction
- Enhanced button styling with proper background colors and hover states
- Ensured button text is always visible on mobile (using !important override)
- Added touch-friendly minimum heights (44-48px) for accessibility
- Fixed layout issues that were hiding buttons on small screens
- Better spacing and visual hierarchy for mobile form layout

static/index.html

@@ -528,29 +528,49 @@
             justify-content: center;
         }
 
-        @media (max-width: 640px) {
+        @media (max-width: 768px) {
             .location-buttons {
                 flex-direction: column;
-                gap: var(--space-2);
-            }
-            
-            .location-btn-gps {
-                align-self: flex-start;
-                width: auto;
+                gap: var(--space-3);
+                margin-top: var(--space-4);
             }
             
+            .location-btn-gps,
             .location-btn-map {
                 width: 100%;
+                justify-content: center;
+                min-height: 48px;
+                font-size: 0.875rem;
+                font-weight: 500;
+                padding: var(--space-3) var(--space-4);
             }
             
-            .btn-text {
-                display: inline;
+            .location-btn-gps {
+                background: var(--primary-500);
+                color: white;
+                border: none;
+            }
+            
+            .location-btn-gps:hover {
+                background: var(--primary-600);
             }
         }
 
         @media (max-width: 480px) {
+            .location-buttons {
+                gap: var(--space-2);
+            }
+            
+            .location-btn-gps,
+            .location-btn-map {
+                min-height: 44px;
+                font-size: 0.8125rem;
+                padding: var(--space-2) var(--space-3);
+            }
+            
+            /* Ensure button text is always visible on mobile */
             .btn-text {
-                display: none;
+                display: inline !important;
             }
         }