Improve the top bar and use the font awesome icons in /code

customize.dist/src/cryptpad.less

@@ -267,7 +267,6 @@ tbody {
 
         font-size: 20px;
         display:block;
-        float:right;
         margin-left: 10px;
         padding-top:3px;
         color: @fore;
@@ -291,15 +290,19 @@ tbody {
     float:left;
     padding-left:10px;
 }
+.bottom-bar-left p {
+    float: right;
+}
 .bottom-bar-right {
     display:block;
     float:right;
     padding-right:20px
 }
 .bottom-bar-center {
-    margin-left: auto;
-    margin-right: auto;
-    width: 20%
+    width: 20%;
+    position: absolute;
+    left: 40%;
+    text-align: center;
 }
 .bottom-bar-heart {
     top: 2px;

customize.dist/src/toolbar.less

@@ -16,7 +16,7 @@
 
     color: #666;
     font-weight: bold;
-    height: 26px;
+    height: 30px;
     margin-bottom: -3px;
     display: inline-block;
     width: 100%;
@@ -27,7 +27,7 @@
     }
 
     div {
-        padding: 0 10px;
+        padding: 0 3px;
         height: 1.5em;
         line-height: 25px;
         height: 100%;
@@ -40,7 +40,7 @@
     }
 
     button {
-        height: 100%;
+        height: 26px;
         background-color: inherit;
         background-image: linear-gradient(to bottom,#fff,#e4e4e4);
         border: 1px solid #A6A6A6;