From 010e708d4cc2539a0adc5bb3c84b7629865335d7 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@gmail.com>
Date: Wed, 30 Nov 2016 17:49:55 +0900
Subject: [PATCH] Made the new tab button touch screen friendly

Fixes #5925

Auditors: @bsclifton

Test Plan: make sure clicking is expanded enough
---
 less/button.less | 16 ----------------
 less/tabs.less   | 21 +++++++++++++++++----
 2 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/less/button.less b/less/button.less
index a11bb654cad..4e330a69748 100644
--- a/less/button.less
+++ b/less/button.less
@@ -69,22 +69,6 @@ span.menuButton {
     font-size: 12px;
   }
 
-  &.newFrameButton {
-    font-size: 0px;
-    width: 12px;
-    max-height: 14px;
-    position: relative;
-    top: 7px;
-    left: 2px;
-    -webkit-mask-image: url('../img/toolbar/newtab_btn.svg');
-    -webkit-mask-repeat: no-repeat;
-    background-color: @buttonColor;
-    &:hover {
-      opacity: 1.0;
-      background-color: black;
-    }
-  }
-
   &.primaryButton,
   &.actionButton,
   &.wideButton,
diff --git a/less/tabs.less b/less/tabs.less
index 3c901f4fe9f..6c5899e6cc2 100644
--- a/less/tabs.less
+++ b/less/tabs.less
@@ -36,22 +36,35 @@
   z-index: @zindexTabs;
   overflow-x: hidden;
   overflow-y: hidden;
+
   &.allowDragging {
     -webkit-app-region: drag;
     >* {
       -webkit-app-region: no-drag;
     }
   }
-  .browserButton {
-    height: 26px;
-    line-height: 22px;
-  }
 
   &.isPreview {
     opacity: 0.5;
     animation: tabFadeIn 0.75s ease-in-out;
     animation-fill-mode: forwards;
   }
+
+  .newFrameButton {
+    background: @buttonColor;
+    width: 14px;
+    height: 24px;
+    line-height: 24px;
+    -webkit-mask-image: url('../img/toolbar/newtab_btn.svg');
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    -webkit-mask-size: 12px 12px;
+
+    &:hover {
+      opacity: 1.0;
+      background-color: black;
+    }
+  }
 }
 
 .tab {