Admin editing views

interface/static/interface/css/polyphonic.css

@@ -40,6 +40,12 @@ BODY {
     margin: 0px auto;
 }
 
+.collapse {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+}
+
 @media all and (max-width: 900px) {
     .mdhide {
         display: none;
@@ -53,8 +59,12 @@ BODY {
     UL.nav-buttons {
         flex-direction: column;
     }
+    .collapse {
+        flex-direction: column;
+    }
 }
 
+
 /* HEADER BAR */
 
 .navigation {
@@ -90,18 +100,13 @@ UL.nav-buttons > LI {
     margin: 2px 10px;
 }
 
-.admin-actions {
-    text-align: right;
-    margin: 10px;
-}
-
 /* FORMS */
 
 FORM.vertical {
     display: flex;
     flex-direction: column;
     max-width: 400px;
-    margin: 20px auto;
+    margin: 0px auto;
 }
 
 LABEL {
@@ -112,6 +117,10 @@ TEXTAREA {
     height: 50px;
 }
 
+INPUT[type=checkbox] {
+    margin-right: auto;
+}
+
 .form-actions {
     text-align: right;
     margin-top: 20px;
@@ -200,10 +209,11 @@ H1 {
     text-align: center;
 }
 
-TABLE {
-    width: 100%;
+TD {
+    padding: 5px;
 }
 
+
 TABLE.horizontal TH {
     text-align: right;
 }
@@ -228,4 +238,23 @@ TABLE.horizontal TH {
     border: 1px solid var(--border-color);
     border-radius: 10px;
     padding: 5px;
+}
+
+.admin-tools {
+    float: right;
+    padding: 10pt;
+}
+
+.disabled {
+    background-color: #DDD;
+}
+
+.dz-image {
+    width: 240px !important;
+}
+
+.dz-progress {
+    width: 200px !important;
+    margin-left: -100px !important;
+    margin-top: 24px !important;
 }