Make all the buttons look the same

customize.dist/src/less/dropdown.less

@@ -18,6 +18,7 @@
 
     button {
         .fa-caret-down{
+            margin-right: 0px;
             margin-left: 5px;
         }
     }

customize.dist/src/less/toolbar.less

@@ -28,7 +28,10 @@
     box-sizing: border-box;
     padding: 0px 6px;
 
-    .fa {font-family: FontAwesome;}
+    .fa {
+        font: normal normal normal 14px/1 FontAwesome;
+        font-family: FontAwesome;
+    }
 
     .unselectable;
 
@@ -42,7 +45,10 @@
     }
 
     button {
-        font-size: @toolbar-button-font-size;
+        font: @toolbar-button-font;
+        * {
+            font: @toolbar-button-font;
+        }
         &#shareButton, &.buttonSuccess {
             // Bootstrap 4 colors
             color: #fff;
@@ -84,7 +90,7 @@
         // Bootstrap 4 colors (btn-secondary)
         border: 1px solid transparent;
         border-radius: .25rem;
-        color: #292b2c;
+        color: #000;
         background-color: #fff;
         border-color: #ccc;
         &:hover {
@@ -166,6 +172,7 @@
         margin: 3px;
         vertical-align: top;
         box-sizing: content-box;
+        text-align: center;
         span {
             display: inline-block;
             width: 4px;
@@ -233,6 +240,7 @@
         padding-right: 5px;
         padding-left: 5px;
         margin: 3px 2px;
+        box-sizing: border-box;
     }
 
     .dropdown-bar-content {
@@ -493,6 +501,7 @@
     margin: 8px;
     line-height: 16px;
     font-size: 16px;
+    text-align: center;
 }
 .cryptpad-readonly {
     margin-right: 5px;

customize.dist/src/less/variables.less

@@ -72,7 +72,7 @@
 
 @toolbar-gradient-start: #f5f5f5;
 @toolbar-gradient-end: #DDDDDD;
-@toolbar-button-font-size: 12px;
+@toolbar-button-font: 12px Ubuntu, Arial, sans-serif;
 
 @topbar-back: #fff;
 @topbar-color: #000;