style tweaks

Author: lxieyang

src/pages/Sidebar/containers/TabsList/Tab/Tab.css

@@ -14,7 +14,7 @@
   /* width: 100%; */
   display: flex;
   align-items: center;
-  padding: 6px 6px 6px 8px;
+  padding: 6px 6px;
   cursor: default;
   color: rgb(60, 64, 67);
   /* border-top-left-radius: 8px;
@@ -27,7 +27,7 @@
 }
 
 .TabContainer.isPinned {
-  padding: 8px;
+  padding: 6px;
 }
 
 .TabContainer.Dark {

src/pages/Sidebar/containers/TabsList/TabsList.css

@@ -46,17 +46,17 @@
   font-size: 0.8rem;
 }
 
-.PinnedUnpinnedDivider {
-  width: 100%;
-  height: 0.5px;
-  background-color: #999;
-  margin-top: 6px;
-  margin-bottom: 2px;
-}
-
 .PinnedTabsContainer {
   width: 100%;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
 }
+
+.PinnedUnpinnedDivider {
+  width: 100%;
+  height: 0.5px;
+  background-color: #999;
+  margin-top: 6px;
+  margin-bottom: 6px;
+}

src/pages/Sidebar/containers/TabsList/TabsList.jsx

@@ -187,6 +187,8 @@ class TabsList extends Component {
                   );
                 })}
 
+                <div className="PinnedUnpinnedDivider"></div>
+
                 <div
                   className={classNames({
                     NewTabButtonContainer: true,
@@ -201,7 +203,7 @@ class TabsList extends Component {
                     })}
                     onClick={(e) => this.openNewTabClickedHandler(e)}
                   >
-                    <MdAdd size={'24px'} style={{ marginRight: 5 }} />
+                    <MdAdd size={'22px'} style={{ marginRight: 3 }} />
                     New Tab
                     <div style={{ flex: 1 }}></div>
                     {platformInfo && platformInfo.os && (

src/pages/Sidebar/index.css

@@ -9,3 +9,23 @@ body {
 body.Dark {
   background-color: rgb(36, 36, 36);
 }
+
+/* width */
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: #888;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: #555;
+}