hanna/fabrica

style(web): align inline admin controls to a uniform height

c13693a · hanna committed on 2026-07-26

The inline submit buttons in the admin form rows (Set password, Create
invite) rendered shorter than the taller native select/inputs beside
them, leaving lopsided vertical gaps. Give every control in an
.admin-form-row the same explicit 2.4rem height (the convention already
used by .collab-add), and tighten the empty-state line above each create
form so it sits snug against the form.

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

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

assets/base.css +13 −0

crates/web/src/admin.rs +3 −3

+}
 .admin-form-row {
   display: flex;
+  align-items: center;
   gap: 0.5rem;
   flex-wrap: wrap;
   margin-bottom: 0.5rem;
   flex: 1;
   min-width: 9rem;
+}
+/* Give every control the same explicit height so inputs, selects, and the
+   inline submit button line up exactly (native selects render taller than a
+   button would otherwise, so flex `stretch` alone is not enough). */
+.admin-form-row > input,
+.admin-form-row > select,
+.admin-form-row > button {
+  height: 2.4rem;
+}
 /* A control row that is the last thing in its form carries no trailing gap. */
 .admin-form-row-last {
   margin-bottom: 0;
 .form-field label {
   margin-top: 0;
+}
+/* Empty-state line above a create form: keep it snug against the form. */
+.empty-note {
+  margin: 0 0 0.75rem;
+}
 /* Settings: a left tab rail and the active tab's content. */
 .settings-layout {

         h2 { "Repositories" }
         section class="listing" {
             div class="card" {
-                @if repos.is_empty() { p class="muted" { "No repositories." } }
+                @if repos.is_empty() { p class="muted empty-note" { "No repositories." } }
                 ul class="entry-list admin-list" {
                     @for r in &repos {
                         @let owner = owners.get(&r.owner_id).cloned().unwrap_or_else(|| r.owner_id.clone());
         h2 { "Groups" }
         section class="listing" {
             div class="card" {
-                @if groups.is_empty() { p class="muted" { "No groups." } }
+                @if groups.is_empty() { p class="muted empty-note" { "No groups." } }
                 ul class="entry-list admin-list" {
                     @for g in &groups {
                         @let owner = owners.get(&g.owner_id).cloned().unwrap_or_else(|| g.owner_id.clone());
+        }
         section class="listing" {
             div class="card" {
-                @if invites.is_empty() { p class="muted" { "No invites." } }
+                @if invites.is_empty() { p class="muted empty-note" { "No invites." } }
                 ul class="entry-list admin-list" {
                     @for iv in &invites {
                         li class="entry-row" {