prreviewbuddy 0.36.3 → 0.36.4

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 0.36.4
+
+The search box and filters on the reviews list now sit over the list itself, sharing its column,
+rather than pressed against the right edge of the window. The bar they live in spans the whole
+window while the reviews below it are a centred column, so the controls used to begin past the
+middle of the page with the cards they filter starting far to their left.
+
 ## 0.36.3
 
 **The reviews list is one click away from anywhere.** The strip at the top of every workspace page

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prreviewbuddy",
-  "version": "0.36.3",
+  "version": "0.36.4",
   "description": "Review a branch or pull request in an isolated checkout, from your terminal, with the coding agent you already have installed.",
   "license": "UNLICENSED",
   "homepage": "https://prreviewbuddy.com",

package/static/shell.css

@@ -465,7 +465,27 @@ body[data-restarting] .prb-body { opacity: 0.55; pointer-events: none; }
    the content below them belong to that column, not to this bar. */
 .prb-context .prb-index-controls,
 .prb-context .prb-settings-back { margin-bottom: 0; }
-.prb-context .prb-index-controls { flex: 1 1 320px; justify-content: flex-end; }
+/* The reviews toolbar shares the list's column rather than the window's right edge.
+   The bar is full-bleed and the list is a 960px column centred in the space beside the rail, so
+   right-aligning the controls put them over nothing they govern: the search began past the middle
+   of the page while the cards below started far to its left. Centring them in the space the title
+   leaves is not the same thing either -- the title eats the left side, the rail shifts the column
+   right, and the group lands short of the list by half the rail.
+   So the title is given the rail's own width and the group the column's, from the same two numbers
+   the layout below already uses. The search absorbs the slack, so the group's left edge is the
+   card's left edge at every width wide enough to have a rail. */
+/* Scoped with :has() and not by a body class: all three workspace pages share `prb-index-body`,
+   and only this bar holds the list's controls. */
+.prb-context:has(.prb-index-controls) { padding-left: 0; padding-right: 0; column-gap: 0; }
+.prb-context:has(.prb-index-controls) .prb-page-title { flex: none; box-sizing: border-box; width: var(--rail-width); padding-left: 20px; }
+.prb-context .prb-index-controls {
+  flex: 1 1 320px;
+  box-sizing: border-box;
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 0 24px;
+  justify-content: flex-end;
+}
 .prb-context .prb-index-search { flex: 1 1 200px; max-width: 420px; padding: 6px 10px; font-size: var(--t-meta); }
 .prb-context-controls {
   display: flex;
@@ -2472,6 +2492,11 @@ a.prb-rail-item { text-decoration: none; }
     width: min(var(--ask-width), 100%);
   }
   .pr-helper-sidebar.prb-pane { padding: 20px 18px 48px; }
+  /* No rail here, so there is no column beside it for the toolbar to share: the bar goes back to a
+     title and a row of controls, each taking the width it needs. */
+  .prb-context:has(.prb-index-controls) { padding-left: 20px; padding-right: 20px; column-gap: 16px; }
+  .prb-context:has(.prb-index-controls) .prb-page-title { width: auto; padding-left: 0; }
+  .prb-context .prb-index-controls { max-width: none; padding: 0; }
 }
 
 @media (prefers-reduced-motion: reduce) {