From 30d48ea473f19ff308d68de9500e89e0a96d4b6c Mon Sep 17 00:00:00 2001
From: Kang Jiaming <jiaming_kang@outlook.com>
Date: Tue, 12 Mar 2024 12:49:36 +0800
Subject: [PATCH] fix: layout issues

---
 web/src/components/ChannelsTable.js | 2 +-
 web/src/index.css                   | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/src/components/ChannelsTable.js b/web/src/components/ChannelsTable.js
index 0b34bde..4a6b09b 100644
--- a/web/src/components/ChannelsTable.js
+++ b/web/src/components/ChannelsTable.js
@@ -696,7 +696,7 @@ const ChannelsTable = () => {
                 } : null
             }/>
             <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={
                         () => {
                             setEditingChannel({
diff --git a/web/src/index.css b/web/src/index.css
index d9d8ed6..8e53624 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -28,7 +28,12 @@ body {
         border-bottom: 1px solid rgba(0,0,0,.1);
     }
     .semi-space {
-        display: block!important;
+        /*display: block!important;*/
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        row-gap: 3px;
+        column-gap: 10px;
     }
 }