Add direct edit for work groups and rooms

src/jsMain/resources/style/style.scss

@@ -27,6 +27,8 @@ $bg-enabled-color: rgba($primary-color, .5);
 $lever-disabled-color: $background-primary-color;
 $lever-enabled-color: $primary-color;
 
+$error-background-color: #FFCDD2;
+
 body, html {
   color: $text-primary-color;
   background: $background-secondary-color;
@@ -40,6 +42,10 @@ body, html {
   padding: 0;
 }
 
+.no-select {
+  @include no-select()
+}
+
 a {
   text-decoration: none;
   outline: none;
@@ -248,6 +254,10 @@ a {
   tr {
     border-top: solid 1px rgba($text-primary-color, 0.1);
 
+    &:nth-child(odd) {
+      //background-color: rgba($text-primary-color, 0.01);
+    }
+
     &:first-child {
       background-color: rgba($text-primary-color, 0.06);
       height: 2.5rem;
@@ -263,6 +273,34 @@ a {
       }
     }
   }
+
+  span {
+    display: block;
+    position: relative;
+
+    &:empty:before {
+      content: "\200b";
+    }
+
+    &.error {
+      background-color: $error-background-color;
+    }
+  }
+
+  .table-select-box {
+    position: absolute;
+    z-index: 1;
+    background: $background-primary-color;
+    width: 100%;
+    border: solid 1px rgba($text-primary-color, 0.1);
+
+    span {
+      padding: 0 0.5rem;
+      &:hover {
+        background-color: rgba($text-primary-color, 0.06);
+      }
+    }
+  }
 }
 
 .form-control {