Increase tabs bar height by 2px

Take some padding from bookmark bar Fixes #8263
brave · Apr 12, 2017 · 99881bf · 99881bf
1 parent 8d287c9
commit 99881bf
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/app/renderer/components/styles/global.js b/app/renderer/components/styles/global.js
@@ -108,12 +108,12 @@ const globalStyles = {
     navbarHeight: '36px',
     downloadsBarHeight: '50px',
     tabsToolbarHeight: '28px',
-    tabPagesHeight: '7px',
+    tabPagesHeight: '5px',
     bookmarksToolbarHeight: '24px',
     bookmarksToolbarWithFaviconsHeight: '24px',
     bookmarksFileIconSize: '13px',
     bookmarksFolderIconSize: '15px',
-    navbarMenubarMargin: '7px',
+    navbarMenubarMargin: '4px',
     navbarButtonSpacing: '4px',
     navbarButtonWidth: '20px',
     navbarBraveButtonWidth: '23px',

diff --git a/app/renderer/components/styles/tab.js b/app/renderer/components/styles/tab.js
@@ -18,7 +18,7 @@ const styles = StyleSheet.create({
     boxSizing: 'border-box',
     color: '#5a5a5a',
     display: 'flex',
-    height: '24px',
+    height: '26px',
     marginTop: '0',
     transition: `transform 200ms ease, ${globalStyles.transition.tabBackgroundTransition}`,
     left: '0',
@@ -94,7 +94,7 @@ const styles = StyleSheet.create({
 
   active: {
     background: `rgba(255, 255, 255, 1.0)`,
-    height: '24px',
+    height: '26px',
     marginTop: '0',
     borderWidth: '0 1px 0 0',
     borderStyle: 'solid',

diff --git a/less/variables.less b/less/variables.less
@@ -81,14 +81,14 @@
 
 @navbarHeight: 36px;
 @downloadsBarHeight: 60px;
-@tabsToolbarHeight: 24px;
-@tabPagesHeight: 7px;
+@tabsToolbarHeight: 26px;
+@tabPagesHeight: 5px;
 @bookmarksToolbarHeight: 24px;
 @bookmarksToolbarWithFaviconsHeight: 24px;
 @bookmarksFileIconSize: 13px;
 @bookmarksFolderIconSize: 15px;
 
-@navbarMenubarMargin: 7px;
+@navbarMenubarMargin: 4px;
 @navbarButtonSpacing: 4px;
 @navbarButtonWidth: 20px;
 @navbarBraveButtonWidth: 23px;