From 84916f24d22cc32b5f51bbc7794b37848469edc8 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Tue, 10 Nov 2026 10:40:37 +0100
Subject: feat: fold dashboard cards and a reload button

Each Dashboard card gets a fold button in its title bar. Folded, it
shrinks to one grid row ending at the title bar and cannot be resized;
its height is kept in localStorage (deckit.folded) and restored on
unfold. The grid floats, so nothing moved into the rows a folded card
gave back: cards below it in its columns are pulled up as far as the
space is free, on fold and again once every card has mounted, since a
card restored folded from storage never folds at runtime. Unfolding
needs no mirror; the grid pushes down whatever the regrown card hits.

The installed web app has no browser chrome and so no pull-to-refresh,
which left no way to load new page code on the tablet. A reload button
sits at the top right; JS and CSS are served no-store, so it always
fetches the current code.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 static/index.html | 1 +
 1 file changed, 1 insertion(+)

(limited to 'static/index.html')

diff --git a/static/index.html b/static/index.html
index b2a3fca..b45904c 100644
--- a/static/index.html
+++ b/static/index.html
@@ -37,6 +37,7 @@
 <body>
 <header class="topbar">
   <nav id="tabs" class="tabs"></nav>
+  <button id="reload" class="reload" aria-label="Reload the dashboard" title="Reload">⟳</button>
 </header>
 <div id="tab-body"></div>
 <script src="vendor/gridstack/gridstack-all.js"></script>
-- 
cgit v1.2.3