From 7de89142835f1399e685eb87dd20b4084be529f6 Mon Sep 17 00:00:00 2001
From: Vishesh 'ironeagle' Bangotra <aetoskia@gmail.com>
Date: Sun, 24 May 2026 14:51:59 +0530
Subject: [PATCH] mobile view 1 filter per line fix

---
 react-openapi/components/FilterBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/react-openapi/components/FilterBar.tsx b/react-openapi/components/FilterBar.tsx
index 7effd01..a528a85 100644
--- a/react-openapi/components/FilterBar.tsx
+++ b/react-openapi/components/FilterBar.tsx
@@ -286,7 +286,7 @@ export default function FilterBar({
               const raw = draft[fieldName];
 
               return (
-                <Box key={fieldName} sx={{ display: "flex", flexDirection: "column", flex: 1, minWidth: { sm: 200 } }}>
+                <Box key={fieldName} sx={{ display: "flex", flexDirection: "column", flex: { xs: '0 0 100%', sm: 1 }, minWidth: { sm: 200 } }}>
                   <Box sx={{ typography: "caption", mb: 0.5, color: "text.secondary" }}>
                     {field.label}
                   </Box>