refactor: better styling for bottom panel tab bar action buttons

Author: devvaannsh

src/styles/Extn-BottomPanelTabs.less

@@ -199,65 +199,33 @@
     align-items: center;
     height: 100%;
     margin-left: auto;
-    padding: 0 0.25rem;
+    margin-right: 6px;
+    gap: 6px;
     flex: 0 0 auto;
 }
 
-.bottom-panel-maximize-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 1.6rem;
-    height: 1.4rem;
-    margin-right: 0.15rem;
-    border-radius: 3px;
-    cursor: pointer;
-    color: #666;
-    font-size: 0.7rem;
-    -webkit-text-stroke: 0.4px;
-    line-height: 1;
-    transition: color 0.12s ease, background-color 0.12s ease;
-
-    .dark & {
-        color: #aaa;
-    }
-
-    &:hover {
-        background-color: rgba(0, 0, 0, 0.1);
-        color: #333;
-
-        .dark & {
-            background-color: rgba(255, 255, 255, 0.12);
-            color: #eee;
-        }
-    }
-}
-
+.bottom-panel-maximize-btn,
 .bottom-panel-hide-btn {
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 1.6rem;
-    height: 1.4rem;
-    margin-right: 0.4rem;
-    border-radius: 3px;
+    width: 1.9rem;
+    height: 2rem;
     cursor: pointer;
     color: #666;
-    font-size: 0.7rem;
-    -webkit-text-stroke: 0.4px;
-    line-height: 1;
+    font-size: 0.88rem;
     transition: color 0.12s ease, background-color 0.12s ease;
 
     .dark & {
         color: #aaa;
     }
 
     &:hover {
-        background-color: rgba(0, 0, 0, 0.1);
+        background-color: #e0e0e0;
         color: #333;
 
         .dark & {
-            background-color: rgba(255, 255, 255, 0.12);
+            background-color: #333;
             color: #eee;
         }
     }