From 6edb1021b2cfacd581de771f7a366fbc5fe2b31d Mon Sep 17 00:00:00 2001
From: Roby <roberto@iv3jdv.net>
Date: Sun, 19 Apr 2026 16:28:08 +0200
Subject: [PATCH] update PWA

---
 templates/index.html | 53 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/templates/index.html b/templates/index.html
index 82c0ae8..8b51077 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -10,6 +10,7 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <link rel="apple-touch-icon" href="/icon-512.png">
+    <meta name="apple-mobile-web-app-title" content="Fleet C2">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
     <style>
         :root { 
@@ -97,6 +98,58 @@
         input:disabled { opacity: 0.6; cursor: not-allowed; }
         /* Dropdown Fix in Dark Mode */
         option { background: #ffffff; color: #1e293b; }
+        /* --- OTTIMIZZAZIONE MOBILE (PWA / SMARTPHONE) --- */
+        @media (max-width: 768px) {
+            #top-bar-container { top: 10px; padding: 0 10px; }
+            #top-bar { 
+                flex-direction: column; 
+                border-radius: 24px; 
+                padding: 15px; 
+                gap: 12px; 
+            }
+            .title-brand { font-size: 1.15rem; text-align: center; width: 100%; }
+            
+            /* Contenitore dei tasti lingua/tema */
+            #top-bar > div { 
+                width: 100%; 
+                flex-wrap: wrap; 
+                justify-content: center; 
+                gap: 8px !important; 
+            }
+            
+            /* Contenitore Bottoni Login / Admin */
+            #auth-container { 
+                width: 100%; 
+                justify-content: center; 
+                flex-wrap: wrap; 
+                padding-top: 12px;
+                margin-top: 4px;
+                border-top: 1px solid rgba(128, 128, 128, 0.2);
+            }
+            
+            /* Username centrato */
+            #auth-container > span { 
+                width: 100%; 
+                text-align: center; 
+                margin-bottom: 8px; 
+                margin-left: 0 !important;
+                margin-right: 0 !important;
+            }
+            
+            /* Bottoni ingranditi perfetti per il touch */
+            .auth-btn { 
+                flex: 1 1 auto; 
+                min-width: 100px; 
+                padding: 12px !important; 
+                text-align: center;
+                font-size: 0.9rem;
+            }
+            .theme-switch { 
+                flex: 1 1 auto; 
+                text-align: center; 
+                padding: 10px;
+            }
+        }
         body.dark-mode option { background: #0f172a; color: #f8fafc; }    
     </style>
 </head>