From 1ff82ec2ba5027070f79d2a81a98daaebff36dfe Mon Sep 17 00:00:00 2001
From: Simon Gruber <Simon.Gruber@copadata.com>
Date: Thu, 7 May 2026 10:53:11 +0200
Subject: [PATCH] Enhance mobile UI

Co-authored-by: Copilot <copilot@github.com>
---
 .../src/components/views/AdminSubmissionsCard.tsx         | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/components/views/AdminSubmissionsCard.tsx b/src/frontend/src/components/views/AdminSubmissionsCard.tsx
index fe2ffbc..dae08c7 100644
--- a/src/frontend/src/components/views/AdminSubmissionsCard.tsx
+++ b/src/frontend/src/components/views/AdminSubmissionsCard.tsx
@@ -223,11 +223,11 @@ export default function AdminSubmissionsCard({
           placeholder="Search"
           value={searchQuery}
           onChange={(event) => onSearchQueryChange(event.target.value)}
-          style={{ flex: "1 1 260px" }}
+          style={{ flex: isMobile ? "1 1 100%" : "3 1 0%" }}
         />
         <Select
           value={selectedSubmissionState}
-          style={{ flex: "1 1 140px" }}
+          style={{ flex: isMobile ? "1 1 calc(50% - 4px)" : "1 1 0%" }}
           options={[
             { label: "Show all", value: "all" },
             { label: "Show pending", value: "pending" },
@@ -238,7 +238,7 @@ export default function AdminSubmissionsCard({
         />
         <Select
           value={sortBy}
-          style={{ flex: "1 1 120px" }}
+          style={{ flex: isMobile ? "1 1 calc(50% - 4px)" : "1 1 0%" }}
           options={[
             { label: "by time", value: "time" },
             { label: "by order", value: "order" },
@@ -305,7 +305,7 @@ export default function AdminSubmissionsCard({
             );
           }}
           style={{
-            maxHeight: "80vh",
+            maxHeight: "66vh",
             overflowY: "auto",
             overflowX: "hidden"
           }}