From 072fb706dfe730745ab514a2333e39db60c522ad Mon Sep 17 00:00:00 2001
From: Miro <mirek@fizen.com>
Date: Tue, 9 Sep 2025 11:29:07 +0200
Subject: [PATCH] Fix/Issue 4062 Filter ans Sorting Icons goes to new line

---
 .../src/components/molecules/DataActionsBar.tsx     | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/govtool/frontend/src/components/molecules/DataActionsBar.tsx b/govtool/frontend/src/components/molecules/DataActionsBar.tsx
index f8de6e97c..1ff86d706 100644
--- a/govtool/frontend/src/components/molecules/DataActionsBar.tsx
+++ b/govtool/frontend/src/components/molecules/DataActionsBar.tsx
@@ -75,7 +75,7 @@ export const DataActionsBar: FC<DataActionsBarProps> = ({
         display="flex"
         justifyContent="space-between"
         gap={{ xs: 0.75, sm: 1.5 }}
-        flexWrap="nowrap"
+        flexWrap={{ xs: "wrap", sm: "nowrap" }}
         width="100%"
       >
         <InputBase
@@ -94,7 +94,7 @@ export const DataActionsBar: FC<DataActionsBarProps> = ({
             />
           }
           endAdornment={
-            searchText && (
+            searchText ? (
               <IconButton
                 size="small"
                 onClick={() => setSearchText("")}
@@ -102,7 +102,7 @@ export const DataActionsBar: FC<DataActionsBarProps> = ({
               >
                 <CloseIcon fontSize="small" />
               </IconButton>
-            )
+            ) : null
           }
           sx={{
             bgcolor: "white",
@@ -114,9 +114,9 @@ export const DataActionsBar: FC<DataActionsBarProps> = ({
             fontWeight: 500,
             height: 48,
             padding: "16px 24px",
-            flex: "1 1 auto",
+            flex: "1 1 0",
             minWidth: 0,
-            maxWidth: "none",
+            maxWidth: "100%",
           }}
         />
 
@@ -125,6 +125,9 @@ export const DataActionsBar: FC<DataActionsBarProps> = ({
             display: "flex",
             alignItems: "center",
             gap: { xs: 0.5, sm: 1.25 },
+            flex: "0 0 auto",
+            flexShrink: 0,
+            mt: { xs: 1, sm: 0 },
           }}
         >
           <OrderActionsChip