From 18716387b8d8b735b0a1b3c79fe0dbca1ad1aea9 Mon Sep 17 00:00:00 2001
From: Johan Stenehall <stenehall@gmail.com>
Date: Wed, 25 Mar 2015 00:00:07 +0100
Subject: [PATCH] Increase click area for topbar icons

---
 css/glowingbear.css | 16 +++++++++++-----
 index.html          |  8 +++-----
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index 959fb2d..cc27382 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -93,7 +93,10 @@ input[type=text], input[type=password], #sendMessage, .badge {
 #topbar .brand {
     float: left;
     height: 35px;
-    padding-left: 10px;
+}
+#topbar .brand a {
+    display: block;
+    padding: 0 10px;
 }
 #topbar .brand img {
     height: 32px;
@@ -114,17 +117,20 @@ input[type=text], input[type=password], #sendMessage, .badge {
     margin-left: 5px;
     padding-left: 5px;
     margin-right: 0;
-    padding-right: 10px;
-    padding-top: 2px;
+    padding-right: 5px;
     height: 35px;
     line-height: 35px;
     font-size: 16px;
     position: fixed;
     right: 0;
 }
-
 #topbar .actions > * {
-    padding-left: 5px;
+    padding: 0 5px;
+    display: inline-block;
+}
+#topbar .actions .glyphicon {
+    line-height: 35px;
+    top: 0;
 }
 #topbar .dropdown-menu form {
     padding-left: 6px;
diff --git a/index.html b/index.html
index 996975e..e91401f 100644
--- a/index.html
+++ b/index.html
@@ -226,11 +226,9 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
           <span ng-repeat="part in activeBuffer().title" ng-class="::part.classes" ng-bind-html="::(part.text | linky:'_blank' | DOMfilter:'irclinky')"></span>
         </div>
         <div class="actions pull-right vertical-line-left">
-          <div class="pull-left">
-            <a class="settings-toggle" ng-click="showModal('settingsModal')" title="Options menu">
-              <i class="glyphicon glyphicon-cog"></i>
-            </a>
-          </div>
+          <a class="settings-toggle" ng-click="showModal('settingsModal')" title="Options menu">
+            <i class="glyphicon glyphicon-cog"></i>
+          </a>
           <a ng-click="disconnect()" title="Disconnect from WeeChat">
             <i class="glyphicon glyphicon-off"></i>
           </a>