Improve mobile design

css/glowingbear.css

@@ -372,11 +372,9 @@ h2 span, h2 small {
         color: #C7C7C7;
     }
 
-    .bufferline {
-        display: inline-block;
-        padding-top: 4px;
-        padding-bottom: 3px;
-        line-height: 15px;
+    #bufferlines table {
+        border-collapse: separate;
+        border-spacing: 2px 2px;
     }
 
     #sidebar {
@@ -440,14 +438,14 @@ h2 span, h2 small {
     }
 
     #bufferlines td.time {
-        display: inline;
-        padding-right: 0;
+        padding-right: 6px;
     }
 
     #bufferlines td.prefix {
         display: inline;
         padding-right: 0;
         border: 0;
+        font-weight: bold;
     }
 
     #bufferlines td.message {
@@ -455,14 +453,6 @@ h2 span, h2 small {
         display: inline;
     }
 
-    #bufferlines td.prefix:before {
-        content: "<";
-    }
-
-    #bufferlines td.prefix:after {
-        content: ">";
-    }
-
     .footer {
         padding-left: 0px !important;
         padding-right: 0px !important;