attempt to improve the look of the badges and the bufferlist

css/glowingbear.css

@@ -124,13 +124,23 @@ input[type=text], input[type=password] {
     min-width: 130px;
     overflow: auto;
     padding-top: 35px; /* topbar */
+    font-size: smaller;
   }
     #sidebar form {
         padding-left: 6px;
         padding-right: 6px;
     }
+
+    #sidebar .badge {
+        border-radius: 0;
+        margin-right: -15px;
+    }
 .nav-pills > li > a {
     border-radius: 0;
+    color: #ddd;
+}
+.nav-pills > li > a:hover {
+    color: #222;
 }
 .content {
     height: 100%; 

index.html

@@ -163,7 +163,7 @@
               <input class="form-control" type="text" id="bufferFilter" ng-model="search.$" placeholder="Search">
             </form>
           </li>
-          <li class="label" ng-class="{'active': content.active }" ng-repeat="(key, content) in buffers | toArray | filter:search | filter:hasUnread | orderBy:'content.number':true">
+          <li class="" ng-class="{'active': content.active }" ng-repeat="(key, content) in buffers | toArray | filter:search | filter:hasUnread | orderBy:'content.number':true">
             <a href="#" ng-click="setActiveBuffer(content.id)" title="{{ content.fullName }}">
                 <span class="badge pull-right" ng-hide="content.notification" ng-if="content.unread" ng-bind="content.unread"></span>
               <span class="badge pull-right danger" ng-show="content.notification" ng-bind="content.notification"></span>