From f8ef219665c1d5a406ad64b5d80b181e8a789c68 Mon Sep 17 00:00:00 2001
From: SergeantPanda <chester.cullen@gmail.com>
Date: Thu, 26 Jun 2025 10:17:48 -0500
Subject: [PATCH] Set better sizes for user-agent table for mobile support.

---
 frontend/src/components/tables/UserAgentsTable.jsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/tables/UserAgentsTable.jsx b/frontend/src/components/tables/UserAgentsTable.jsx
index 8c66d11d..265ed125 100644
--- a/frontend/src/components/tables/UserAgentsTable.jsx
+++ b/frontend/src/components/tables/UserAgentsTable.jsx
@@ -99,6 +99,7 @@ const UserAgentsTable = () => {
         accessorKey: 'is_active',
         sortingFn: 'basic',
         enableSorting: false,
+        size: 60,
         cell: ({ cell }) => (
           <Center>
             {cell.getValue() ? <Check color="green" /> : <X color="red" />}
@@ -108,7 +109,7 @@ const UserAgentsTable = () => {
       {
         id: 'actions',
         header: 'Actions',
-        size: tableSize == 'compact' ? 75 : 100,
+        size: tableSize == 'compact' ? 50 : 75,
       },
     ],
     []
@@ -234,18 +235,22 @@ const UserAgentsTable = () => {
           display: 'flex',
           flexDirection: 'column',
           maxHeight: 300,
+          width: '100%',
+          overflow: 'hidden',
         }}
       >
         <Box
           style={{
             flex: 1,
             overflowY: 'auto',
-            overflowX: 'hidden',
+            overflowX: 'auto',
             border: 'solid 1px rgb(68,68,68)',
             borderRadius: 'var(--mantine-radius-default)',
           }}
         >
-          <CustomTable table={table} />
+          <div style={{ minWidth: 500 }}>
+            <CustomTable table={table} />
+          </div>
         </Box>
       </Box>