Add blocked rooms

src/jsMain/resources/style/components/_calendar.scss

@@ -161,6 +161,10 @@
   }
 }
 
+.calendar-cell[data-blocked = "true"] {
+  background-color: var(--table-header-color) !important;
+}
+
 .calendar-tools {
   position: absolute;
   top: -5rem;

src/jsMain/resources/style/components/_table-layout.scss

@@ -160,4 +160,48 @@
   position: absolute !important;
   top: 0.6rem;
   left: 6rem;
-}
+}
+
+.room-constraints {
+  position: relative;
+
+  & > label {
+    margin-bottom: 0.8rem;
+  }
+
+  .input-group {
+    margin-bottom: 0.5rem;
+
+    span {
+      width: 8rem;
+      flex-basis: 8rem;
+      flex-grow: 0;
+      position: relative;
+      text-align: center;
+      overflow: hidden;
+
+      &:hover::after {
+        content: 'LÖSCHEN';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        text-align: center;
+
+        font-weight: bold;
+        color: var(--primary-text-color);
+        background: var(--primary-color);
+      }
+    }
+
+    .form-control {
+      width: 12rem;
+    }
+  }
+}
+
+.room-constraints-add {
+  position: absolute;
+  top: -0.5rem;
+  right: 0;
+}