From 1836ffe0869b4d7de39752d10e06523816a05b88 Mon Sep 17 00:00:00 2001
From: Andrea Fiorencis <me@andrestork.moe>
Date: Tue, 21 Apr 2026 09:47:02 +0200
Subject: [PATCH] Fix problemi header su mobile

---
 src/assets/style.css | 97 ++++++++++++++++++++++++++++++++------------
 1 file changed, 72 insertions(+), 25 deletions(-)

diff --git a/src/assets/style.css b/src/assets/style.css
index cd5862d..55778bd 100644
--- a/src/assets/style.css
+++ b/src/assets/style.css
@@ -56,47 +56,94 @@ header span {
 
 @media (max-width: 768px) {
     header {
-        flex-direction: column;
-        align-items: stretch !important;
-        justify-content: center !important;
-        padding: 10px 10px !important;
+        flex-direction: row;
+        align-items: center !important;
+        justify-content: space-between !important;
+        padding: 8px !important;
+        gap: 5px;
     }
     
     header #logo {
-        margin-bottom: 8px;
+        margin-bottom: 0;
+        flex-shrink: 0;
     }
     
     header > div:last-child {
-        justify-content: stretch;
-    }
-    
-    header button, header a button {
-        padding: 8px 10px;
-        font-size: 12px;
+        display: flex;
+        flex-wrap: nowrap;
+        gap: 3px;
+        align-items: center;
+        justify-content: flex-end;
         flex: 1;
-        min-width: 0;
-    }
-    
-    header span {
-        font-size: 12px;
-        width: 100%;
-        text-align: center;
-        margin-top: 8px;
-    }
-}
-
-@media (max-width: 480px) {
-    header {
-        padding: 8px !important;
     }
     
     header button, header a button {
         padding: 6px 8px;
         font-size: 11px;
+        flex: 0 1 auto;
+        white-space: nowrap;
     }
     
     header span {
         font-size: 11px;
+        white-space: nowrap;
+        display: none;
+    }
+}
+
+@media (max-width: 480px) {
+    header {
+        padding: 6px !important;
+        gap: 3px;
+    }
+    
+    header #logo img {
+        height: 28px;
+    }
+    
+    header button, header a button {
+        padding: 5px 6px;
+        font-size: 10px;
+        margin-right: 2px !important;
+    }
+    
+    header span {
+        font-size: 10px;
+        display: none;
+    }
+    
+    .admin-table {
+        font-size: 10px;
+        display: block;
+        overflow-x: auto;
+        white-space: nowrap;
+    }
+    
+    .admin-table th, .admin-table td {
+        padding: 5px;
+        min-width: 60px;
+    }
+    
+    .product-table {
+        font-size: 10px;
+        display: block;
+        overflow-x: auto;
+    }
+    
+    .product-table th, .product-table td {
+        padding: 5px;
+        min-width: 70px;
+    }
+    
+    .cart-table {
+        font-size: 10px;
+        display: block;
+        overflow-x: auto;
+    }
+    
+    .cart-table th, .cart-table td {
+        padding: 5px;
+        min-width: 60px;
     }
 }
 .products-grid {