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

@@ -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

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); };