fix: unify number stepper layout and detail modal padding (#279)

Reorder stepper DOM elements (input first) and apply refill-number-stepper
class to both steppers for consistent CSS order-based layout.
Fix missing bottom padding on .med-detail-body.
This commit is contained in:
Daniel Volz
2026-02-22 17:57:36 +01:00
committed by GitHub
parent e9f2760815
commit 259f00e7a0
3 changed files with 22 additions and 22 deletions
+3 -3
View File
@@ -446,7 +446,7 @@
}
.refill-number-stepper input {
order: initial;
order: 0;
text-align: center;
padding: 0.75rem 0.5rem;
}
@@ -460,13 +460,13 @@
}
.refill-number-stepper .stepper-btn.decrement {
order: initial;
order: -1;
background: color-mix(in srgb, var(--danger) 22%, var(--bg-tertiary));
color: var(--danger);
}
.refill-number-stepper .stepper-btn.increment {
order: initial;
order: 1;
border-right: none;
border-left: 1px solid var(--border-primary);
background: color-mix(in srgb, var(--success) 22%, var(--bg-tertiary));