style tweaks for sidebar

client/app/styles/main.less

@@ -35,12 +35,31 @@
   text-overflow: ellipsis;
 }
 
+* {
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+
+html {
+  -webkit-font-smoothing: antialiased;
+}
+
+html,
+body {
+  height: 100%;
+  width: 100%;
+}
+
 /* Space out content a bit */
 body {
   background: linear-gradient(30deg, @background-color 0%, @background-secondary-color 100%);
   color: @text-color;
   line-height: 150%;
-  font-family: Roboto, Helvetica, Arial, sans-serif;
+  font-family: "Roboto", sans-serif;
   font-size: 13px;
 }
 
@@ -315,7 +334,6 @@ h2 {
     position: absolute;
     top: 115px;
     bottom: 0;
-    width: 100%;
     padding: 0 36px 0 36px;
     overflow-y: scroll;
 
@@ -372,7 +390,7 @@ h2 {
   position: fixed;
   bottom: 16px;
   left: 24px;
-  width: 16em;
+  width: 18em;
   font-size: 85%;
 
   &-item {
@@ -391,8 +409,9 @@ h2 {
       float: right;
       text-transform: uppercase;
       font-weight: bold;
-      color: darken(@weave-orange, 15%);
+      color: darken(@weave-orange, 25%);
       cursor: pointer;
+      font-size: 90%;
     }
   }
 }