From 867fb7cbe2d76c1656d0fd0e9571294833dd551b Mon Sep 17 00:00:00 2001 From: Pietro Campagnano Date: Wed, 22 Apr 2026 00:32:13 +0200 Subject: [PATCH] style: unify page headers across web UI (#1702) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## Summary * **Goal**: Align `FilesPage` and `SettingsPage` headers with the existing `HomePage` pattern. * **Changes**: - Added `

📚 CrossPoint Reader

` at the top of `` on both pages. - Demoted the page-specific `📁 File Manager` heading on `FilesPage` from `

` to `

` (inside `.page-header`), so every page has a single `

` — the app name. - Moved the accent-colored `border-bottom` from `.page-header` to `h1`, matching the HomePage CSS. All three pages now share the same top structure: `

CrossPoint Reader

` → nav links → page content. ## Screenshots ### Home **Before and after is the same** home before ### File Manager **Before** files before **After** files after ### Settings **Before** settings before **After** settings_after ## Additional Context * Pure markup + CSS, no JavaScript or behavioral changes. * Improves HTML semantics (single `

` per page, referring to the app). * No new CSS duplication introduced — borrows existing styling from HomePage. --- ### AI Usage While CrossPoint doesn't have restrictions on AI tools in contributing, please be transparent about their usage as it helps set the right context for reviewers. Did you use AI tools to help write this code? _**YES**_ Co-authored-by: Claude Sonnet 4.6 --- src/network/html/FilesPage.html | 9 +++++---- src/network/html/SettingsPage.html | 2 +- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/network/html/FilesPage.html b/src/network/html/FilesPage.html index b0864a06e..e39ff6fa7 100644 --- a/src/network/html/FilesPage.html +++ b/src/network/html/FilesPage.html @@ -39,7 +39,8 @@ } h1 { color: var(--title-color); - margin-bottom: 5px; + border-bottom: 2px solid var(--accent-color); + padding-bottom: 10px; } h2 { color: var(--title-color); @@ -59,8 +60,6 @@ flex-wrap: wrap; gap: 15px; margin-bottom: 20px; - padding-bottom: 15px; - border-bottom: 2px solid var(--accent-color); } .page-header-left { display: flex; @@ -1463,6 +1462,8 @@ +

📚 CrossPoint Reader

+
Home File Manager @@ -1471,7 +1472,7 @@
-

📁 File Manager

+

📁 File Manager

diff --git a/src/network/html/SettingsPage.html b/src/network/html/SettingsPage.html index 414423983..fa1f06544 100644 --- a/src/network/html/SettingsPage.html +++ b/src/network/html/SettingsPage.html @@ -237,7 +237,7 @@ -

⚙️ Settings

+

📚 CrossPoint Reader

Home