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

@@ @@ -998,6 +998,7 @@ body.drawer-open .drawer-backdrop { @@
+}
 .admin-form-row {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   flex-wrap: wrap;
   margin-bottom: 0.5rem;
@@ @@ -1007,6 +1008,14 @@ body.drawer-open .drawer-backdrop { @@
   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;
@@ @@ -1029,6 +1038,10 @@ body.drawer-open .drawer-backdrop { @@
 .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 {

@@ @@ -439,7 +439,7 @@ pub async fn repos( @@
         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());
@@ @@ -510,7 +510,7 @@ pub async fn groups( @@
         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());
@@ @@ -573,7 +573,7 @@ pub async fn invites( @@
+        }
         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" {