Improve the UI with FontAwesome icons

customize.dist/src/cryptpad.less

@@ -187,7 +187,6 @@ p, pre, td, a, table, tr {
     margin-bottom: 2 * 6px;
     white-space: nowrap;
 }
-
 /* Tables */
 
 table {
@@ -248,10 +247,8 @@ tbody {
 
 /* Bottom Bar */
 
-.bottom-bar {
+.top-bar, .bottom-bar {
     position:fixed;
-    bottom:0px;
-    right:0px;
     height:4%;
     height: 2.5em;
 
@@ -270,7 +267,8 @@ tbody {
 
         font-size: 20px;
         display:block;
-        float:left;
+        float:right;
+        margin-left: 10px;
         padding-top:3px;
         color: @fore;
     }
@@ -279,6 +277,14 @@ tbody {
         position: relative;
     }
 }
+.bottom-bar {
+    bottom: 0px;
+    right: 0px;
+}
+.top-bar {
+    top: 0px;
+    right: 0px;
+}
 
 .bottom-bar-left {
     display:block;