Enhance mobile UI

Co-authored-by: Copilot <copilot@github.com>

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"
           }}