From 308a854531725a8d1baf97282ed8e7d83d4292b2 Mon Sep 17 00:00:00 2001
From: Johan Stenehall <stenehall@gmail.com>
Date: Tue, 24 Mar 2015 21:54:13 +0100
Subject: [PATCH 1/2] Shrink nav icons

* Shrink the nav icons and bear for a better mobile experience.
* Shrink the nav icons on desktop for a better navbar.
---
 css/glowingbear.css | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index f90c001..959fb2d 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -81,10 +81,6 @@ input[type=text], input[type=password], #sendMessage, .badge {
 .glyphicon {
     top: 0; /* Fixes alignment issue in top bar */
 }
-.glyphicon-off {
-    top: 1px; /* Fixes for relative glyphicon size */
-    font-size: 28px;
-}
 #topbar {
     position: fixed;
     width: 100%;
@@ -97,7 +93,7 @@ input[type=text], input[type=password], #sendMessage, .badge {
 #topbar .brand {
     float: left;
     height: 35px;
-    padding-left: 5px;
+    padding-left: 10px;
 }
 #topbar .brand img {
     height: 32px;
@@ -118,11 +114,11 @@ input[type=text], input[type=password], #sendMessage, .badge {
     margin-left: 5px;
     padding-left: 5px;
     margin-right: 0;
-    padding-right: 5px;
+    padding-right: 10px;
     padding-top: 2px;
     height: 35px;
     line-height: 35px;
-    font-size: 30px;
+    font-size: 16px;
     position: fixed;
     right: 0;
 }
@@ -622,11 +618,12 @@ img.emojione {
         left: 40px;
     }
 
+    #topbar .brand img {
+        height: 20px;
+    }
+
     #topbar .actions {
-        line-height: 35px;
-        height: 35px;
-        font-size: 31px;
-        margin-right: 0;
+        font-size: 16px;
     }
 
     #bufferlines, #nicklist {

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 2/2] 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>