Improve UI, scrollbar in the table, publish/admin buttons

customize.dist/main.css

@@ -328,6 +328,13 @@ form.realtime > textarea {
 }
 form.realtime table {
   border-collapse: collapse;
+  width: calc(99%);
+}
+form.realtime table tr td:first-child {
+  position: absolute;
+  left: 29px;
+  top: auto;
+  width: 400px;
 }
 form.realtime table tr td {
   padding: 0px;
@@ -337,7 +344,7 @@ form.realtime table tr td div.text-cell {
   padding: 0px;
   margin: 0px;
   height: 100%;
-  width: 500px;
+  width: 400px;
 }
 form.realtime table tr td div.text-cell input {
   width: 80%;
@@ -354,6 +361,7 @@ form.realtime table tr td.checkbox-cell {
   margin: 0px;
   padding: 0px;
   height: 100%;
+  min-width: 150px;
 }
 form.realtime table tr td.checkbox-cell div.checkbox-contain {
   display: inline-block;
@@ -423,7 +431,11 @@ form.realtime table thead tr th .remove {
   cursor: pointer;
   font-size: 20px;
 }
+form.realtime table tfoot tr {
+  border: none;
+}
 form.realtime table tfoot tr td {
+  border: none;
   text-align: center;
 }
 form.realtime table tfoot tr td .save {

customize.dist/src/cryptpad.less

@@ -375,7 +375,14 @@ form.realtime {
 
     table {
         border-collapse: collapse;
+        width: calc(100% - 1px);
         tr {
+            td:first-child {
+                position:absolute;
+                left: 29px;
+                top: auto;
+                width: 400px;
+            }
             td {
                 padding: 0px;
                 margin: 0px;
@@ -385,7 +392,7 @@ form.realtime {
                     margin: 0px;
                         height: 100%;
 
-                    width: 500px;
+                    width: 400px;
 
                     input {
                         width: 80%;
@@ -404,6 +411,7 @@ form.realtime {
                     margin: 0px;
                     padding: 0px;
                     height: 100%;
+                    min-width: 150px;
 
                     div.checkbox-contain {
                         display: inline-block;
@@ -502,7 +510,9 @@ form.realtime {
         }
         tfoot {
             tr {
+                border: none;
                 td {
+                    border: none;
                     text-align: center;
                     .save {
                         padding: 15px;

customize.dist/src/toolbar.less

@@ -271,7 +271,7 @@
         margin: 2px 4px 2px 0px;
     }
     .cryptpad-userbuttons-container {
-        display: none;
+        /*display: none;*/
     }
 }
 .cryptpad-toolbar-rightside {

customize.dist/toolbar.css

@@ -279,7 +279,7 @@
   margin: 2px 4px 2px 0px;
 }
 .cryptpad-toolbar-leftside .cryptpad-userbuttons-container {
-  display: none;
+  /*display: none;*/
 }
 .cryptpad-toolbar-rightside {
   text-align: right;