Merge pull request #5886 from bsclifton/fix-tab-icon

Fix positioning for audio icon in the tab title (which is next to site icon)
brave · Nov 28, 2016 · a51b3db · a51b3db
2 parents cbb3fc5 + 7ea22ef
commit a51b3db
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/less/tabs.less b/less/tabs.less
@@ -70,13 +70,9 @@
   padding: 0;
   width: 100%;
   align-items: center;
-  justify-content: space-between;
+  justify-content: center;
   border: 1px solid rgba(0, 0, 0, 0.0);
   border-bottom: 1px;
-  padding: 0 4px;
-  @media screen and (max-width: @breakpointFitTabCloseButton) {
-    padding: 0 2px;
-  }
 
   .tabTitle {
     -webkit-user-select: none;
@@ -97,6 +93,8 @@
     display: inline-block;
     font-size: 12px;
     text-align: center;
+    margin-left: 4px;
+    margin-right: 4px;
   }
 
   .privateIcon {
@@ -176,6 +174,8 @@
     text-align: center;
     width: 16px;
     height: 16px;
+    margin-left: 4px;
+    margin-right: 4px;
 
     &:hover {
       opacity: 1;

diff --git a/less/variables.less b/less/variables.less
@@ -137,7 +137,6 @@
 @breakpointNarrowViewport: 600px;
 @breakpointExtensionButtonPadding: 720px;
 @breakpointSmallWin32: 650px;
-@breakpointFitTabCloseButton: 520px;
 @breakpointTinyWin32: 500px;
 @transitionDuration: 100ms;