static/main.css

@@ -76,3 +76,33 @@ input.button_color {
     background-color: #ff00ff;
     color: #000000;
 }
+
+/* adjustments for display in club assistant. hacky WIP but should fix most display problems.
+TODO: better recognition than max-width, full design parity to ha/lovelace*/
+@media only screen and (max-width: 600px) {
+    :root {
+        --bg-color: #1c1c1c;
+        --primary-color: #e1e1e1;
+    }
+    body {
+        width: 100%;
+        padding: 0px;
+        margin: 0px;
+        font-family: Roboto,Noto,sans-serif;   
+    }
+    h1 {
+        display: none;
+    }
+    label {
+        display: inline;
+    }
+    .buttons {
+        width: 30%;
+    }
+    .colors {
+        width: 70%;
+    }
+    .controls {
+        width: 100%;
+    }
+}