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

 .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 {
 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);
   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;