fixed ui issues and presaved station issue

reachy_mini_radio/alarm_manager.py

@@ -25,6 +25,10 @@ class AlarmManager:
                 self.settings.update(data)
             except Exception as e:
                 print(f"[AlarmManager] Error loading settings: {e}")
+        
+        # Force alarm to be disabled on startup
+        self.settings["enabled"] = False
+        self.settings["alarm_mode"] = False
 
     def save_settings(self, new_settings=None):
         if new_settings:

reachy_mini_radio/alarm_settings.json

@@ -1,7 +1,7 @@
 {
-  "enabled": true,
+  "enabled": false,
   "alarm_mode": false,
-  "time": "01:25",
+  "time": "01:50",
   "station_url": "https://streaming.smartradio.ch:9502/stream",
   "station_name": "A Fine Jazz Gumbo Radio",
   "timezone": "America/Los_Angeles"

reachy_mini_radio/static/style.css

@@ -139,30 +139,30 @@ button:active {
 }
 
 @media (max-width: 768px) {
-	.hero {
-		padding: 2rem 1rem;
-	}
+    .hero {
+        padding: 2rem 1rem;
+    }
 
-	.hero h1 {
-		font-size: 2rem;
-	}
+    .hero h1 {
+        font-size: 2rem;
+    }
 
-	.container {
-		padding: 0 1rem;
-	}
+    .container {
+        padding: 0 1rem;
+    }
 
-	.app-details,
-	.download-card {
-		padding: 2rem;
-	}
+    .app-details,
+    .download-card {
+        padding: 2rem;
+    }
 
-	.features-grid {
-		grid-template-columns: 1fr;
-	}
+    .features-grid {
+        grid-template-columns: 1fr;
+    }
 
-	.download-options {
-		grid-template-columns: 1fr;
-	}
+    .download-options {
+        grid-template-columns: 1fr;
+    }
 }
 
 .alarm-box {
@@ -186,9 +186,12 @@ button:active {
 
 .form-row input[type="time"],
 .form-row select {
-    padding: 0.5rem;
-    border: 1px solid #cbd5e1;
-    border-radius: 4px;
+    background: #080c1a;
+    color: #f5f5f8;
+    border: 1px solid #272f4a;
+    border-radius: 8px;
+    padding: 8px 10px;
+    outline: none;
     font-size: 0.9rem;
 }
 
@@ -218,4 +221,14 @@ button:active {
 .badge {
     font-size: 11px;
     color: #9ca3c7;
+}
+
+input:disabled,
+select:disabled {
+    opacity: 1 !important;
+    color: #ffffff !important;
+    -webkit-text-fill-color: #ffffff !important;
+    background: #262c45 !important;
+    border-color: #475569 !important;
+    cursor: not-allowed;
 }