Use a consistent toolbar across all apps

customize.dist/toolbar.css

@@ -6,8 +6,24 @@
   -ms-user-select: none;
   user-select: none;
 }
+.toolbar-container {
+  font: 12px Arial, Helvetica, Tahoma, Verdana, sans-serif;
+  background: -webkit-linear-gradient(#EEEEEE, #DADADA);
+  /* For Safari 5.1 to 6.0 */
+  background: -o-linear-gradient(#f5f5f5, #DDDDDD);
+  /* For Opera 11.1 to 12.0 */
+  background: -moz-linear-gradient(#f5f5f5, #DDDDDD);
+  /* For Firefox 3.6 to 15 */
+  background: linear-gradient(#f5f5f5, #DDDDDD);
+  /* Standard syntax */
+}
+.toolbar-container .cryptpad-lag {
+  position: relative;
+  top: -2px;
+}
 .cryptpad-toolbar {
   box-sizing: border-box;
+  padding: 0px 6px;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
@@ -78,6 +94,7 @@
 .cryptpad-toolbar .cryptpad-state {
   line-height: 30px;
   /* equivalent to 26px + 2*2px margin used for buttons */
+  float: left;
 }
 .cryptpad-toolbar .rightside-button {
   float: right;
@@ -120,10 +137,11 @@
   line-height: 32px;
 }
 .cryptpad-toolbar-top .cryptpad-title .pencilIcon {
-  display: none;
+  margin-left: 11px;
 }
 .cryptpad-toolbar-top .cryptpad-title .pencilIcon:hover {
   color: #999;
+  margin-left: 0px;
 }
 .cryptpad-toolbar-top .cryptpad-title .pencilIcon span {
   cursor: pointer;