v0.33.7

src/admin/web/style.css

@@ -11813,4 +11813,104 @@ html:is([data-corner-style=square], [data-corner-style=subtle], [data-corner-sty
     #panel-overview .dashboard-overview-grid.is-unlocked>[data-dashboard-widget] {
         padding-top: 135px;
     }
-}
+}
+/* 0.33.7: the former visual layout modal is now an account-scoped preset manager. */
+.dashboard-presets-dialog {
+    width: calc(min(760px, 100vw - 24px));
+}
+
+.dashboard-presets-body {
+    gap: 20px;
+}
+
+.dashboard-preset-save {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) max-content;
+    align-items: end;
+    gap: 10px;
+    padding: 12px;
+    border: 1px solid var(--line);
+    background: var(--panel);
+}
+
+.dashboard-preset-name-field {
+    display: grid;
+    gap: 5px;
+    min-width: 0;
+}
+
+.dashboard-preset-name-field label {
+    font-size: 12px;
+}
+
+.dashboard-preset-name-field input {
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.dashboard-preset-list-heading {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: 10px;
+}
+
+.dashboard-preset-list {
+    display: grid;
+    gap: 7px;
+}
+
+.dashboard-preset-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    min-width: 0;
+    padding: 10px;
+    border: 1px solid var(--line);
+    background: var(--panel);
+}
+
+.dashboard-preset-info {
+    display: grid;
+    gap: 3px;
+    min-width: 0;
+}
+
+.dashboard-preset-info strong,
+.dashboard-preset-info small {
+    overflow-wrap: anywhere;
+}
+
+.dashboard-preset-actions {
+    display: flex;
+    flex: 0 0 auto;
+    gap: 6px;
+}
+
+@media(max-width:550px) {
+    .dashboard-preset-save {
+        grid-template-columns: minmax(0, 1fr);
+    }
+
+    .dashboard-preset-save>button {
+        width: 100%;
+    }
+
+    .dashboard-preset-row {
+        align-items: stretch;
+        flex-direction: column;
+    }
+
+    .dashboard-preset-actions {
+        justify-content: flex-end;
+        flex-wrap: wrap;
+    }
+}
+
+/* Chart headings use the same monospace family as CONNECTION ACTIVITY. */
+#panel-overview .stat-chart>span:first-child,
+#panel-overview .overview-wide-chart .card-heading h2,
+#panel-overview .activity-card .card-heading h2 {
+    font-family: var(--mono);
+}