Field: full xs block padding on inputs and selects
Assisted-by: Claude Opus 5.5 via Claude Code
change xysmnpzqntmpozoyklxllptonswpqtnm
commit fb134aa388f33f6b5971724505e06fc5631636f4
author Alpha Chen <alpha@kejadlen.dev>
date
parent ryqwpwrt
diff --git a/_sass/components/field.css b/_sass/components/field.css
index 2fc2f74..f0564d8 100644
--- a/_sass/components/field.css
+++ b/_sass/components/field.css
@@ -37,12 +37,13 @@
 
 /* Input / Select — bordered, matched to each other exactly. Both tags ARE
    the component, so they are styled bare; nothing else on this site uses a
-   text input or a select. Padding sits on Button's rungs, less the border,
-   so a control and a default Button are the same height. */
+   text input or a select. Inline padding is the xs rung less the border;
+   block padding is a full xs rung, so a control stands a touch taller than
+   a default Button. */
 input:not([type="checkbox"]):not([type="radio"]),
 select {
   width: 100%;
-  padding: calc(var(--gl-space-2xs) - 1px) calc(var(--gl-space-xs) - 1px);
+  padding: var(--gl-space-xs) calc(var(--gl-space-xs) - 1px);
   line-height: 1.15;
   background: var(--gl-color-surface-card);
   border: 1px solid var(--gl-color-border-default);