retro css

server/static/retro.css

@@ -63,6 +63,27 @@ h1 {
 
 h2 { color: var(--mc-bright); letter-spacing: 2px; }
 
+/* Yggdrasil logo — pixel art, so keep it crisp when scaled down.
+ * On the home page it spans the full width of the blue band. */
+.logo {
+    display: block;
+    width: 100%;
+    height: auto;
+    margin: 1rem auto;
+    image-rendering: pixelated;
+    border: 3px double var(--mc-bright);
+    box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.45);
+}
+
+/* Small logo pinned to the right side of the black navbar. */
+nav { display: flex; align-items: center; }
+.nav-logo {
+    height: 68px;
+    width: auto;
+    margin-left: auto;
+    image-rendering: pixelated;
+}
+
 @keyframes mcblink { 50% { opacity: 0; } }
 
 /* --- Menu bar (navigation) --- */
@@ -166,6 +187,12 @@ button:disabled { opacity: 0.5; cursor: default; }
 
 #refresh-button { margin-top: 0.6rem; }
 
+/* Sensors page: the "hourly average" checkbox must stay a small inline
+ * box next to its text — the global `input { width: 100% }` would
+ * otherwise stretch it full-width and break the row layout. */
+#avg-label { display: flex; align-items: center; gap: 0.5em; margin-top: 0.6rem; }
+#avg-label input { width: auto; margin: 0; }
+
 .error {
     background: var(--mc-red);
     color: var(--mc-bright);