improve chatpanes with scrolling and fix nav

css/glowingbear.css

@@ -4,9 +4,14 @@ body {
     padding: 5px;
 }
 .bufferlines {
-    font-family: sans-serif;
+    font-family: monospace;
+    overflow: scroll-y;
+    height: 100%; 
 }
 
+.navbar-fixed-bottom {
+    margin: 5px;
+}
 .color-light-green {
     color: chartreuse;
 }

index.html

@@ -58,12 +58,15 @@
       </div>
       <div ng-show="connected">
 
+        <div class="navbar navbar-inverse navbar-fixed-top">
           <ul class="nav nav-pills">
             <li class="label" ng-class="{'active': content.notification }" ng-repeat="(key, content) in buffers | toArray | orderBy:'content.number':true">
             <a ng-click="setActiveBuffer(content.id)" title="{{ content.full_name }}">{{ content.short_name }}</a>
             </li>
           </ul>
-        <div class="bufferlines" ng-repeat="bufferline in activeBuffer.lines">
+        </div>
+        <div class="bufferlines">
+          <div class="bufferline" ng-repeat="bufferline in activeBuffer.lines">
             <span class="date text-muted">
               {{ bufferline.date | date:'HH:mm' }}
             </span>
@@ -83,10 +86,9 @@
               </div>
 
             </div>
-
-
-
           </div>
+        </div>
+
         <div class="navbar navbar-inverse navbar-fixed-bottom">
             <form class="form form-horizontal" ng-submit="sendMessage()">
               <div class="input-group">