From ba0a7e72ff25b733bbc21941c808cc3a27780181 Mon Sep 17 00:00:00 2001
From: Guangcong Luo <guangcongluo@gmail.com>
Date: Fri, 17 Jul 2015 03:35:23 -0400
Subject: [PATCH] Improve tab overflow button

With the tab overflow menu being perfect, I might as well fix the
button that opens it. It used to use default browser styles, which
was mostly fine in OS X but ugly on other systems, and nearly
unusable in iOS. The new one looks lovely on all OSes.
---
 js/client.js     | 2 +-
 style/client.css | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/js/client.js b/js/client.js
index 49cc97a96..dd437b18d 100644
--- a/js/client.js
+++ b/js/client.js
@@ -1790,7 +1790,7 @@
 			var offset = $lastLi.offset();
 			var width = $lastLi.outerWidth();
 			if (offset.top >= 37 || offset.left + width > $(window).width() - 165) {
-				this.$tabbar.append('<div class="overflow"><button name="tablist"><i class="icon-caret-down"></i></button></div>');
+				this.$tabbar.append('<div class="overflow"><button name="tablist" class="button"><i class="icon-caret-down"></i></button></div>');
 			}
 
 			if (app.rooms['']) app.rooms[''].updateRightMenu();
diff --git a/style/client.css b/style/client.css
index 5e564172c..cc92b913b 100644
--- a/style/client.css
+++ b/style/client.css
@@ -176,11 +176,12 @@ a.subtle:hover {
 	right: 0;
 	z-index: 12;
 }
-.maintabbar .overflow button {
-	height: 36px;
-	width: 29px;
+.maintabbar .overflow .button {
+	height: 37px;
+	width: 32px;
 	font-size: 12pt;
 	margin: 0;
+	border-radius: 0;
 }
 
 .button {