Change the height of the toolbar top line

customize.dist/src/toolbar.less

@@ -14,8 +14,8 @@
 
     .unselectable;
 
-    color: #666;
-    font-weight: bold;
+    font: normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
+    color: #000;
     display: inline-block;
     width: 100%;
     z-index: 9001;
@@ -108,17 +108,16 @@
 .cryptpad-toolbar-top {
     display: block;
     text-align: center;
-    height: 3em;
+    height: 32px;
     position: relative;
-    margin-bottom: 3px;
     @media screen and (max-width: 400px) {
-        height: 6em;
+        height: 67px;
     }
     .cryptpad-title {
         span {
             font-size: 1.5em;
             vertical-align: middle;
-            line-height: 2em;
+            line-height: 32px;
             &:hover {
                 border: 1px solid #888;
                 border-radius: 2px;
@@ -141,9 +140,9 @@
     .cryptpad-link {
         position: absolute;
         left: 0px;
-        height: 3em;
+        height: 32px;
         @media screen and (max-width: 400px) {
-            top: 3em;
+            top: 35px;
         }
         @media screen and (min-width: 401px) {
             top: 0px;
@@ -151,7 +150,7 @@
 
         a.cryptpad-logo {
             cursor: pointer;
-            height: 3em;
+            height: 32px;
             padding: 0px 5px;
             text-decoration: none;
             color: inherit;
@@ -162,7 +161,7 @@
             }
             img {
                 vertical-align: middle;
-                height: 3em;
+                height: 32px;
                 cursor: pointer;
             }
             span {

customize.dist/toolbar.css

@@ -14,8 +14,10 @@
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  color: #666;
-  font-weight: bold;
+  /*color: #666;*/
+  /*font-weight: bold;*/
+  font: normal normal normal 12px Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
+  color: #000;
   display: inline-block;
   width: 100%;
   z-index: 9001;
@@ -105,19 +107,18 @@
 .cryptpad-toolbar-top {
   display: block;
   text-align: center;
-  height: 3em;
+  height: 32px;
   position: relative;
-  margin-bottom: 3px;
 }
 @media screen and (max-width: 400px) {
   .cryptpad-toolbar-top {
-    height: 6em;
+    height: 67px;
   }
 }
 .cryptpad-toolbar-top .cryptpad-title span {
   font-size: 1.5em;
   vertical-align: middle;
-  line-height: 2em;
+  line-height: 32px;
 }
 .cryptpad-toolbar-top .cryptpad-title span:hover {
   border: 1px solid #888;
@@ -139,11 +140,11 @@
 .cryptpad-toolbar-top .cryptpad-link {
   position: absolute;
   left: 0px;
-  height: 3em;
+  height: 32px;
 }
 @media screen and (max-width: 400px) {
   .cryptpad-toolbar-top .cryptpad-link {
-    top: 3em;
+    top: 35px;
   }
 }
 @media screen and (min-width: 401px) {
@@ -153,7 +154,7 @@
 }
 .cryptpad-toolbar-top .cryptpad-link a.cryptpad-logo {
   cursor: pointer;
-  height: 3em;
+  height: 32px;
   padding: 0px 5px;
   text-decoration: none;
   color: inherit;
@@ -163,7 +164,7 @@
 }
 .cryptpad-toolbar-top .cryptpad-link a.cryptpad-logo img {
   vertical-align: middle;
-  height: 3em;
+  height: 32px;
   cursor: pointer;
 }
 .cryptpad-toolbar-top .cryptpad-link a.cryptpad-logo span {