fix: [RESPONSIVE] Tighten layout for laptop and smaller-screen viewing (#1359)

Co-authored-by: Alexander Whitestone <alexander@alexanderwhitestone.com> Co-committed-by: Alexander Whitestone <alexander@alexanderwhitestone.com>
2026-04-13 08:30:22 +00:00
parent c5ce9cd7aa
commit b9de0d7003
3 changed files with 29 additions and 5 deletions
--- a/style.css
+++ b/style.css
@@ -1346,6 +1346,22 @@ canvas#nexus-canvas {
    width: 240px;
    bottom: 180px;
  }
+  .gofai-hud {
+    left: 8px;
+    gap: 6px;
+  }
+  .hud-panel {
+    width: 220px;
+    padding: 6px;
+  }
+  .panel-content {
+    max-height: 80px;
+  }
+  .memory-feed {
+    width: 260px;
+    left: 8px;
+    bottom: 10px;
+  }
 }

@media (max-width: 768px) {
@@ -1357,6 +1373,12 @@ canvas#nexus-canvas {
  .hud-agent-log {
    display: none;
  }
+  .gofai-hud {
+    display: none;
+  }
+  .memory-feed {
+    display: none;
+  }
  .hud-location {
    font-size: var(--text-xs);
  }