hanna/fabrica

fix(web): group-page UI polish (button height, select arrow, danger card)

dc3b0cf · hanna committed on 2026-07-26

- Match the icon-only settings gear to the height of the "New subgroup" button
  beside it by pinning the icon and line-height to a shared size.
- Give selects extra right padding so the native dropdown arrow isn't flush
  against the border.
- Drop the trailing margin on a lone danger-zone paragraph so a card with no
  delete form carries no extra bottom padding.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Signed by hannaSSH key fingerprint: SHA256:4g9cWhkAAw8gwqhJUcVbSnGEvdGwklW+1Aa/fMUu59k

assets/base.css +17 −1

@@ @@ -736,6 +736,11 @@ body.drawer-open .drawer-backdrop { @@
 .danger-zone p {
   margin-top: 0;
+}
 /* When the card holds only an explanatory paragraph (no delete form), drop the
    trailing margin so the card doesn't carry extra bottom padding. */
 .danger-zone p:last-child {
   margin-bottom: 0;
+}
 /* Collaborators: a bordered list inside the card, then an add row. */
 .collab-list {
@@ @@ -1196,7 +1201,8 @@ input[type="number"], @@
 textarea,
 select {
   width: 100%;
   padding: 0.5rem;
   /* Extra right padding so the native dropdown arrow isn't flush to the border. */
   padding: 0.5rem 0.75rem;
   font: inherit;
   color: var(--fb-fg);
   background: var(--fb-bg-inset);
@@ @@ -2083,6 +2089,16 @@ pre.code { @@
   align-items: center;
   gap: 0.5rem;
+}
 /* Icon-only buttons (e.g. the settings gear) must match the height of the
    text buttons beside them: a bare 1em icon is shorter than a text line box, so
    pin both the icon and the button's line-height to the same value. */
 .group-head-actions .btn {
   line-height: 1.25rem;
+}
 .group-head-actions .btn .icon {
   width: 1.25rem;
   height: 1.25rem;
+}
 /* "forked from owner/repo" line under the repo slug. */
 .fork-note {
   display: flex;