Polish: nav fits at every desktop width, Custom View list values, phone docs, README

web/layout.css

@@ -449,3 +449,24 @@ table.sync-bd th { color: var(--text-muted); font-weight: 600; }
 table.sync-bd tbody tr { cursor: help; }
 .sync-bd-phases { margin-top: 6px; color: var(--text-muted); line-height: 1.4; }
 #syncModal .modal-content { max-width: 460px !important; }
+
+/* Desktop nav between the hamburger breakpoint and wide screens: tighten so the links,
+   DEMO pill, theme toggle and sync status all fit on one line */
+@media (min-width: 1101px) and (max-width: 1600px) {
+    .top-nav .nav-btn { padding: 8px 7px; font-size: 0.9em; }
+    .top-nav h2 { margin-right: 8px; font-size: 1.25em; }
+    .status-btn { padding: 8px 10px; }
+}
+@media (min-width: 1101px) and (max-width: 1450px) {
+    .st-pre { display: none; }
+    .status-btn::before { content: 'Updated '; color: rgba(255,255,255,0.65); }
+}
+@media (min-width: 1101px) and (max-width: 1250px) {
+    .status-btn::before { content: none; }
+    .top-nav .nav-btn { padding: 8px 5px; font-size: 0.86em; }
+    .nav-logo { margin-right: 6px; }
+}
+@media (min-width: 1101px) and (max-width: 1180px) {
+    .nav-logo { display: none; }
+    .top-nav .nav-btn { padding: 8px 4px; }
+}