room groups and grouping.

frontend/src/lib/components/Lamp.svelte

@@ -136,9 +136,23 @@
     overflow: hidden
     box-shadow: 1px 1px 1px #000
 
+    @media screen and (max-width: 1921px)
+      width: calc(20% - 1ch)
+
+    @media screen and (max-width: 1600px)
+      width: calc(25% - 1ch)
+
+    @media screen and (max-width: 1200px)
+      width: calc(33.3333333% - 1ch)    
+
     @media screen and (max-width: 700px)
-      width: 100%
+      width: calc(50% - 1ch)
+      margin-top: 0.75ch
+      margin-bottom: 0.75ch
     
+    @media screen and (max-width: 380px)
+      width: 100%
+
     &.selected
       background: #282833
       color: #cde
@@ -176,8 +190,13 @@
         height: 0.2em
 
     &.compact
-      width: 3ch
+      width: 3.1ch
       border-top-right-radius: 0.25em
+      margin: 0.25ch 0.25ch
+      background: #282833
+
+      &.selected
+        background: #3c3c50
       div.row
         margin-left: -0.1ch
       div.title