From 308a854531725a8d1baf97282ed8e7d83d4292b2 Mon Sep 17 00:00:00 2001 From: Johan Stenehall Date: Tue, 24 Mar 2015 21:54:13 +0100 Subject: [PATCH] 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 {