From 4f1e7e23f66683356d6f0cb46c61ae2d275c4e71 Mon Sep 17 00:00:00 2001
From: rays <ray.slakinski@gmail.com>
Date: Fri, 16 Oct 2026 18:56:12 +0000
Subject: [PATCH] The Signals folder's + before its count, so the counts line
 up (#261)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 web/app.css        | 4 ++--
 web/src/signals.ts | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/web/app.css b/web/app.css
index 20f131c..a1e0785 100644
--- a/web/app.css
+++ b/web/app.css
@@ -607,8 +607,8 @@ input:focus,select:focus{outline:0;border-color:var(--accent)}
 .iconcell{height:40px;border-radius:8px;display:grid;place-items:center;color:var(--dim)}
 .iconcell:hover,.iconcell[aria-selected="true"]{background:var(--raise);color:var(--fg)}
 .iconcell .ficon{width:20px;height:20px}
-/* New signal, at the end of the folder's row. */
-.sigadd{width:26px;height:26px;margin-left:-4px}
+/* New signal, on the folder's row before its count. */
+.sigadd{width:26px;height:26px;margin-right:-4px}
 .sigadd .i{width:12px;height:12px}
 /* Only a folder has a triangle, hung in the margin so every feed's art lines up with the places
    above it. The button is the row's full height and 24 px wide: a near miss used to open the
diff --git a/web/src/signals.ts b/web/src/signals.ts
index e37c1a1..4622eae 100644
--- a/web/src/signals.ts
+++ b/web/src/signals.ts
@@ -48,8 +48,9 @@ function signalFolder(list: HTMLElement, q: string){
   list.appendChild(feedRow(SIGNALS,'sigs',
     `<button class="chev" aria-expanded="${open}" title="Show or hide your signals" aria-label="Show or hide your signals">${ICON.caret}</button>`+
     sigArt()+`<div class="txt"><b>Signals</b><small>${n?plural(n,'signal'):'What matters, out of the noise'}</small></div>`+
-    badgeHTML(S.signals.reduce((k,s)=>k+s.unread,0))+
-    `<button class="iconbtn sigadd" title="New signal" aria-label="New signal">${ICON.plus}</button>`,
+    // The + before the count, so the counts line up with the Signals' under it.
+    `<button class="iconbtn sigadd" title="New signal" aria-label="New signal">${ICON.plus}</button>`+
+    badgeHTML(S.signals.reduce((k,s)=>k+s.unread,0)),
     ()=>selectFeed(SIGNALS)));
   const row=list.lastElementChild!;
   $('.chev',row).onclick=(ev: Event)=>{ ev.stopPropagation(); toggleGroup(SIGNALS); };