updated captive portal

Signed-off-by: Peter Siegmund <developer@mars3142.org>

firmware/website/public/captive.html

@@ -68,7 +68,7 @@
         }
 
         .container {
-            max-width: 900px;
+            max-width: 42rem;
             margin: 0 auto;
             width: 100%;
         }
@@ -85,6 +85,7 @@
         .header h1 {
             font-size: 1.5rem;
             margin: 0;
+            font-weight: 700;
         }
 
         @media (prefers-color-scheme: light) {
@@ -93,27 +94,6 @@
             }
         }
 
-        @media (max-width: 600px) {
-            .header {
-                flex-direction: row;
-                align-items: flex-start;
-                text-align: left;
-            }
-            .header h1 {
-                flex: 1 1 100%;
-                text-align: center;
-                order: 2;
-                margin-top: 8px;
-            }
-            .header-controls {
-                order: 1;
-                flex: 1 1 auto;
-                justify-content: flex-start;
-                display: flex;
-                gap: 8px;
-            }
-        }
-
         .header-controls {
             display: flex;
             align-items: center;
@@ -123,15 +103,17 @@
         .lang-toggle {
             display: flex;
             align-items: center;
-            gap: 6px;
+            justify-content: center;
+            gap: 8px;
             background: var(--card-bg);
-            padding: 8px 12px;
+            padding: 8px;
-            border-radius: 20px;
+            border-radius: 8px;
             border: 1px solid var(--border);
             cursor: pointer;
             transition: all 0.2s;
-            font-size: 0.85rem;
+            font-size: 0.875rem;
             color: var(--text-muted);
+            min-width: 112px;
         }
 
         .lang-toggle:hover {
@@ -139,16 +121,16 @@
         }
 
         .lang-flag {
-            font-size: 1.1rem;
+            font-size: 1.25rem;
         }
 
         .card {
             background: var(--card-bg);
-            border-radius: 16px;
+            border-radius: 8px;
             padding: 24px;
             margin-bottom: 16px;
             border: 1px solid var(--border);
-            box-shadow: 0 4px 20px var(--shadow);
+            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
         }
 
         .form-group {
@@ -325,13 +307,13 @@
 
     <div class="container">
         <div class="header">
+            <h1>🚂 System Control</h1>
             <div class="header-controls">
                 <button class="lang-toggle" onclick="toggleLanguage()" aria-label="Sprache wechseln">
                     <span class="lang-flag" id="lang-flag">🇩🇪</span>
                     <span class="lang-label" id="lang-label">DE</span>
                 </button>
             </div>
-            <h1>🚂 System Control</h1>
         </div>
 
         <div class="card">