fix: layout issues

web/src/components/ChannelsTable.js

@@ -696,7 +696,7 @@ const ChannelsTable = () => {
                 } : null
                 } : null
             }/>
             }/>
             <div style={{display: isMobile()?'':'flex', marginTop: isMobile()?0:-45, zIndex: 999, position: 'relative', pointerEvents: 'none'}}>
             <div style={{display: isMobile()?'':'flex', marginTop: isMobile()?0:-45, zIndex: 999, position: 'relative', pointerEvents: 'none'}}>
-                <Space style={{pointerEvents: 'auto'}}>
+                <Space style={{pointerEvents: 'auto', marginTop: isMobile() ? 0 : 45}}>
                     <Button theme='light' type='primary' style={{marginRight: 8}} onClick={
                     <Button theme='light' type='primary' style={{marginRight: 8}} onClick={
                         () => {
                         () => {
                             setEditingChannel({
                             setEditingChannel({

web/src/index.css

@@ -28,7 +28,12 @@ body {
         border-bottom: 1px solid rgba(0,0,0,.1);
         border-bottom: 1px solid rgba(0,0,0,.1);
     }
     }
     .semi-space {
     .semi-space {
-        display: block!important;
+        /*display: block!important;*/
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        row-gap: 3px;
+        column-gap: 10px;
     }
     }
 }
 }