From a307c63b0b8e3e373a0331ae6a6158e762cb90fa Mon Sep 17 00:00:00 2001
From: SergeantPanda <chester.cullen@gmail.com>
Date: Tue, 24 Jun 2025 18:13:13 -0500
Subject: [PATCH] Better sizes for mobile

---
 frontend/src/pages/Channels.jsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/Channels.jsx b/frontend/src/pages/Channels.jsx
index ca7a67c3..93300f1b 100644
--- a/frontend/src/pages/Channels.jsx
+++ b/frontend/src/pages/Channels.jsx
@@ -12,7 +12,6 @@ const ChannelsPage = () => {
   if (!authUser.id) {
     return <></>;
   }
-
   if (authUser.user_level <= USER_LEVELS.STANDARD) {
     return (
       <Box style={{ padding: 10 }}>
@@ -20,20 +19,21 @@ const ChannelsPage = () => {
       </Box>
     );
   }
+
   return (
-    <div style={{ height: '100vh', width: '100%', display: 'flex' }}>
+    <div style={{ height: '100vh', width: '100%', display: 'flex', overflowX: 'auto' }}>
       <Allotment
         defaultSizes={[50, 50]}
-        style={{ height: '100%', width: '100%' }}
+        style={{ height: '100%', width: '100%', minWidth: '600px' }}
         className="custom-allotment"
-        minSize={300}
+        minSize={100}
       >
-        <div style={{ padding: 10, overflowX: 'auto', minWidth: '300px' }}>
+        <div style={{ padding: 10, overflowX: 'auto', minWidth: '100px' }}>
           <div style={{ minWidth: '600px' }}>
             <ChannelsTable />
           </div>
         </div>
-        <div style={{ padding: 10, overflowX: 'auto', minWidth: '300px' }}>
+        <div style={{ padding: 10, overflowX: 'auto', minWidth: '100px' }}>
           <div style={{ minWidth: '600px' }}>
             <StreamsTable />
           </div>