tweaked noScropt button

brave · Nov 30, 2016 · d09c1aa · d09c1aa
1 parent b4b60b4
commit d09c1aa
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 11 deletions.
diff --git a/js/components/navigationBar.js b/js/components/navigationBar.js
@@ -192,12 +192,14 @@ class NavigationBar extends ImmutableComponent {
           {
             !this.showNoScriptInfo
             ? null
-            : <Button iconClass='fa-ban'
-              l10nId='noScriptButton'
-              className={cx({
-                'noScript': true
-              })}
-              onClick={this.onNoScript} />
+            : <span className='noScriptButtonContainer'>
+              <Button iconClass='fa-ban'
+                l10nId='noScriptButton'
+                className={cx({
+                  'noScript': true
+                })}
+                onClick={this.onNoScript} />
+            </span>
           }
         </div>
       }

diff --git a/less/navigationBar.less b/less/navigationBar.less
@@ -609,6 +609,16 @@
   background-size: 14px 14px;
 }
 
+.noScriptButtonContainer {
+    display: flex;
+    margin-left: 6px;
+
+    .noScript {
+      font-size: 16px;
+      color: @braveOrange;
+  }
+}
+
 #navigator {
   .bookmarkButtons {
     display: flex;
@@ -851,11 +861,6 @@
     }
   }
 
-  .noScript {
-    font-size: 16px;
-    color: @braveOrange;
-  }
-
   /* Disable selection of button text */
   > span {
      -webkit-user-select: none;