Tidy homepage subtitle out; restyle sidebar collapse button

Remove the homepage tagline. Make the collapse control a proper inset pill with
a 'Collapse' label + chevron (label left, chevron right) instead of a bare
full-width row with a lone arrow; centers to just the icon when collapsed.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Jon
2026-06-05 18:11:31 +01:00
parent 270766b99b
commit 964d5e1efa
2 changed files with 9 additions and 7 deletions

View File

@@ -142,13 +142,16 @@
.ss-dot.offline { background: var(--red); }
html.collapsed .side-status { display: none; }
.collapse-btn {
display: flex; align-items: center; gap: 12px; width: 100%;
padding: 11px 18px; background: none; border: none; cursor: pointer;
color: var(--muted); font-family: inherit; font-size: 13px; font-weight: 600;
display: flex; align-items: center; justify-content: space-between; gap: 10px;
margin: 8px 12px; padding: 8px 12px; border-radius: 8px;
background: var(--bg); border: 1px solid var(--border); cursor: pointer;
color: var(--muted); font-family: inherit; font-size: 12px; font-weight: 600;
white-space: nowrap; overflow: hidden;
transition: border-color 0.15s, color 0.15s, background 0.15s;
}
.collapse-btn:hover { color: var(--text); }
.collapse-btn .ico { width: 20px; text-align: center; flex-shrink: 0; }
.collapse-btn:hover { color: var(--text); border-color: var(--accent); }
.collapse-btn .ico { font-size: 16px; line-height: 1; flex-shrink: 0; }
html.collapsed .collapse-btn { justify-content: center; margin: 8px; padding: 8px; }
html.collapsed .lbl, html.collapsed .brand-text { display: none; }
@@ -284,7 +287,7 @@
<div class="ss-row" id="ss-ops" style="opacity:0.8;"></div>
</a>
<button class="collapse-btn" onclick="toggleCollapse()" title="Collapse sidebar" aria-label="Collapse sidebar">
<span class="ico" id="collapse-ico"></span>
<span class="lbl">Collapse</span><span class="ico" id="collapse-ico"></span>
</button>
<nav class="side-nav">
<a href="/logout"><span class="ico"></span><span class="lbl">Logout</span></a>

View File

@@ -26,7 +26,6 @@
{% block content %}
<div class="home-head">
<h1>SimpleX Manager</h1>
<p>Manage your SimpleX accounts, business inboxes and bots — pick a section to get started.</p>
</div>
<div class="tiles">