Refine mobile content widths

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;
+    }
 }

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);
   }
 }