no message

app/components/mask.tsx

@@ -472,6 +472,7 @@ export function MaskPage() {
           <div className="window-actions">
             <div className="window-action-button">
               <IconButton
+                styled={{ marginRight: "10px" }}
                 icon={<DownloadIcon />}
                 bordered
                 onClick={downloadAll}

app/components/sidebar.tsx

@@ -272,13 +272,6 @@ export function SideBar(props: { className?: string }) {
           />
         </div>
       </div>
-
-      <div
-        className={styles["sidebar-drag"]}
-        onPointerDown={(e) => onDragStart(e as any)}
-      >
-        <DragIcon />
-      </div>
     </div>
   );
 }

app/constant.ts

@@ -47,7 +47,7 @@ export enum StoreKey {
   Sync = "sync",
 }
 
-export const DEFAULT_SIDEBAR_WIDTH = 300;
+export const DEFAULT_SIDEBAR_WIDTH = 260;
 export const MAX_SIDEBAR_WIDTH = 500;
 export const MIN_SIDEBAR_WIDTH = 230;
 export const NARROW_SIDEBAR_WIDTH = 100;

app/styles/window.scss

@@ -13,7 +13,7 @@
   overflow: hidden;
 
   .window-header-main-title {
-    font-size: 20px;
+    font-size: 18px;
     font-weight: bolder;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -23,14 +23,24 @@
   }
 
   .window-header-sub-title {
-    font-size: 14px;
+    font-size: 13px;
   }
+
+
 }
 
 .window-actions {
   display: inline-flex;
 }
 
+.window-action-button {
+
+  button {
+    padding: 8px;
+  }
+
+}
+
 .window-action-button:not(:first-child) {
   margin-left: 10px;
 }