1 files changed, 82 insertions, 6 deletions

diff --git a/static/style.scss b/static/style.scss
index 33f55f81..954f84fe 100644
--- a/static/style.scss
+++ b/static/style.scss
@@ -549,6 +549,7 @@ along with their colors.
         font-style: italic;
         white-space: pre;
     }
+
 }
 
 .event-body {
@@ -694,13 +695,13 @@ along with their colors.
     /* overflow-y: auto; */
     max-width: 60ch;
     max-height: 60ch;
-    min-width: 40ch;
-    min-height: 20ch;
+    min-width: 60ch;
+    min-height: 30ch;
 
     &-container {
         display: none;
         position: absolute;
-        z-index: 10;
+        z-index: 1000;
 
         /* ??? */
         left: 10px;
@@ -735,6 +736,11 @@ along with their colors.
         font-style: initial;
     }
 
+    .category {
+        display: inline-block;
+        margin-right: 1ex;
+    }
+
     .popup-control {
         display: flex;
         flex-direction: column;
@@ -786,7 +792,7 @@ along with their colors.
 }
 
 .tab {
-    label {
+    > label {
         position: absolute;
 
         left: 100%;
@@ -810,13 +816,13 @@ along with their colors.
     [type=radio] {
         display: none;
         &:checked ~ label {
-            z-index: 1;
+            z-index: 100;
             /* to align all tab */
             border-left: 3px solid transparent;
             background-color: #dedede;
 
             ~ .content {
-                z-index: 1;
+                z-index: 100;
             }
         }
     }
@@ -833,6 +839,76 @@ along with their colors.
         min-width: 100%;
         min-height: 100%;
     }
+
+
+    .edit-form {
+        label {
+            display: block;
+        }
+
+        /* REG */
+        input[type='text'], textarea {
+            width: 100%;
+        }
+
+        .newfield {
+            width: 100%;
+            display: flex;
+        }
+
+        .timeinput {
+
+            display: grid;
+            grid-template-columns: 1fr [lbl-start] 1ch 1fr 1ch [lbl-end];
+            grid-template-rows: [lbl-start] 0.7fr 1fr 1fr 0.3fr [lbl-end];
+
+            label {
+                background-color: rgba(10,20,30,0.7);
+                color: white;
+                border-radius: 1em;
+
+                grid-column: lbl-start / lbl-end;
+                grid-row: lbl-start / lbl-end;
+
+                text-align: center;
+
+                user-select: none;
+
+                z-index: 1;
+
+            }
+
+            input {
+                z-index: 2;
+            }
+
+            input:checked ~ input {
+                z-index: 0;
+            }
+        }
+    }
+
+
+}
+
+.plusminuschecked label {
+    color: black;
+}
+
+.plusminuscheck:checked ~ label .plus {
+    color: green;
+}
+
+.plusminuscheck:not(:checked) ~ label .minus {
+    color: red;
+}
+
+.inline-edit {
+    input {
+        /* important since regular spec is much stronger...*/
+        /* [REG] */
+        width: initial !important;
+    }
 }
 
 /* Other