factor styles a bit

customize.dist/main.css

@@ -12,10 +12,6 @@ a.github-corner > svg {
   -ms-transform: translate(0, 15%);
   transform: translate(0, 15%);
 }
-/*
-    Apparently Chrome fails to render fonts half the time, so we just have to drop
-    lato for now :(
-*/
 .lato {
   font-family: lato, Helvetica, sans-serif;
   font-size: 1.02em;
@@ -194,7 +190,6 @@ tbody tr td {
 tbody tr th.remove,
 tbody tr td.remove {
   cursor: pointer;
-  color: #FF0073;
 }
 tbody tr th:last-child {
   border-right: 0px;
@@ -268,6 +263,9 @@ tbody td:last-child {
 .top-left {
   border-top-left-radius: 5px;
 }
+.remove {
+  color: #FF0073;
+}
 form.realtime {
   padding: 0px;
   margin: 0px;
@@ -344,7 +342,6 @@ form.realtime table thead tr th input[type="text"][disabled] {
   font-weight: bold;
 }
 form.realtime table thead tr th .remove {
-  color: #FF0073;
   cursor: pointer;
   font-size: 20px;
 }
@@ -405,7 +402,6 @@ div.modal table input {
   border: 3px solid #302B28;
 }
 div.modal table thead tr th span.remove {
-  color: #FF0073;
   cursor: pointer;
 }
 div.modal table tfoot tr td {

customize.dist/src/cryptpad.less

@@ -33,14 +33,6 @@ a.github-corner > svg {
     .translate(0, 15%);
 }
 
-/*
-    Apparently Chrome fails to render fonts half the time, so we just have to drop
-    lato for now :(
-*/
-//.fontface(lato, '/customize/fonts/lato/Lato-Regular.ttf', normal, 400);
-//.fontface(lato, '/customize/fonts/lato/Lato-Black.ttf', normal, 700);
-//.fontface(lato, '/customize/fonts/lato/Lato-Italic.ttf', italic, 400);
-
 .lato {
     font-family: lato, Helvetica, sans-serif;
     font-size: 1.02em;
@@ -138,9 +130,6 @@ img {
 
 p {
     padding-top: .66001rem;
-    //-webkit-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
-    //-moz-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
-    //font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
     margin-top: 0;
 }
 
@@ -150,7 +139,6 @@ p,pre {
 
 p, pre, td, a, table, tr {
     .lato;
-    //color: @fore;
 }
 
 #main {
@@ -234,7 +222,6 @@ tbody {
 
             &.remove {
                 cursor: pointer;
-                color: @cp-red;
             }
         }
         th:last-child {
@@ -328,6 +315,8 @@ tbody {
     .top-left;
 }
 
+.remove { color: @cp-red; }
+
 form.realtime {
     > input {
         &[type="text"] {
@@ -358,8 +347,6 @@ form.realtime {
                         height: 100%;
                         border: 0px;
                     }
-                    .remove {
-                    }
                 }
 
                 &.checkbox-cell {
@@ -429,7 +416,6 @@ form.realtime {
                         font-weight: bold;
                     }
                     .remove {
-                        color: @cp-red;
                         cursor: pointer;
                         font-size: 20px;
                     }
@@ -501,13 +487,11 @@ div.modal {
     }
 
     table {
-        //width: 80%;
         margin: 30px;
 
         border-collapse: collapse;
         tr {
             td {
-                //border: 1px solid white;
             }
         }
 
@@ -515,14 +499,12 @@ div.modal {
             height: 100%;
             width: 90%;
             border: 3px solid @base;
-            //display: table-cell;
         }
 
         thead {
             tr {
                 th {
                     span.remove {
-                        color: @cp-red;
                         cursor: pointer;
                     }
                 }