1 files changed, 33 insertions, 0 deletions
diff --git a/static/deck.css b/static/deck.css
index f0a9fdc..8a318ef 100644
--- a/static/deck.css
+++ b/static/deck.css
@@ -37,10 +37,28 @@ body {
 
 .topbar {
   flex: none;
+  position: relative;
   display: flex;
   justify-content: center;
   padding: 8px 14px 0;
 }
+/* The installed web app has no browser chrome, so no pull-to-refresh. */
+.reload {
+  position: absolute;
+  right: 14px;
+  top: 8px;
+  min-width: 44px;
+  min-height: 40px;
+  font: inherit;
+  font-size: 1.286rem;
+  line-height: 1;
+  color: var(--udt-subtext0);
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 10px;
+  cursor: pointer;
+}
+.reload:active { background: var(--udt-surface0); border-color: var(--udt-surface1); }
 .tabs { display: flex; gap: 6px; }
 .tabs button {
   font: inherit;
@@ -143,6 +161,21 @@ body {
   touch-action: none;
 }
 .panel-drag:hover { color: var(--udt-subtext0); background: var(--udt-surface1); }
+.panel-fold {
+  font: inherit;
+  min-width: 36px;
+  min-height: 32px;
+  color: var(--udt-overlay0);
+  background: transparent;
+  border: 0;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.panel-fold:hover { color: var(--udt-subtext0); background: var(--udt-surface1); }
+/* Folded: the card ends at its title bar instead of filling its grid row. */
+.grid-stack > .grid-stack-item > .grid-stack-item-content.panel.folded { bottom: auto; }
+.panel.folded .panel-body { display: none; }
+.panel.folded .panel-head { border-bottom: 0; }
 .panel-body { flex: 1; min-height: 0; overflow: auto; padding: 14px; }
 
 .section-label {