A button’s height is only as tall as its text and default padding require, which can look cramped next to more generously spaced elements.
⚡ Quick Fix (TL;DR)
The Culprit: A button's height is only as tall as its text and default padding require, which can look cramped next to more generously spaced elements.
The Fix: Increase the vertical padding to add height without changing the button's width.
.my-button {
padding-top: 14px;
padding-bottom: 14px;
} Was this helpful? Thanks for the feedback!
More from the field
Bisect to an Empty Baseline Before Trusting Any Single Theory
.
Multiple plausible-sounding theories for a bug each turned out to be wrong when actually tested – time was spent building fixes…
A Security Dashboard’s Activity Log Can Lag a Full Day Behind Real Time
.
Trying to check a security tool’s activity log for an event that had just happened showed nothing at all.