From 69c0fd75061189a5a4b620545e66bc8479e0b8ec Mon Sep 17 00:00:00 2001
From: matteoscrugli <ma.scrugli@gmail.com>
Date: Mon, 22 Dec 2025 19:22:24 +0100
Subject: [PATCH] Refine mobile content widths

---
 frontend/src/styles/AdminPanel.css | 15 +++++++++++++++
 frontend/src/styles/Layout.css     |  6 +++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/frontend/src/styles/AdminPanel.css b/frontend/src/styles/AdminPanel.css
index 11e897b..c365967 100644
--- a/frontend/src/styles/AdminPanel.css
+++ b/frontend/src/styles/AdminPanel.css
@@ -792,6 +792,12 @@
         justify-content: space-between;
     }
 
+    .admin-panel-root .input-group,
+    .admin-panel-root .input-group-modern {
+        width: 100%;
+        min-width: 0;
+    }
+
     /* Hide desktop table on mobile */
     .admin-panel-root .users-card,
     .users-root .users-card {
@@ -2676,4 +2682,13 @@
     .order-cards {
         max-width: 100%;
     }
+
+    .order-card {
+        padding: 0.85rem 1rem;
+        gap: 0.75rem;
+    }
+
+    .order-card-info {
+        min-width: 0;
+    }
 }
diff --git a/frontend/src/styles/Layout.css b/frontend/src/styles/Layout.css
index e3f02d7..e27b55a 100644
--- a/frontend/src/styles/Layout.css
+++ b/frontend/src/styles/Layout.css
@@ -481,15 +481,15 @@ body {
 
   .page-tabs-container,
   .admin-tabs-container {
-    padding: 0.75rem;
+    padding: var(--page-padding-y-mobile) var(--page-padding-x-mobile);
   }
 
   .page-content {
-    padding: 0.75rem;
+    padding: var(--page-padding-y-mobile) var(--page-padding-x-mobile);
   }
 
   .admin-tab-content {
-    padding: 0.75rem;
+    padding: var(--page-padding-y-mobile) var(--page-padding-x-mobile);
   }
 }