- How can we auto size a button to fit its text?
- Should buttons have fixed width?
- How much padding should a button have?
How can we auto size a button to fit its text?
Fit text automatically
Click anywhere in the text. On the Format menu, point to AutoFit Text, and do one of the following: To reduce the point size of text until there is no text in overflow, click Shrink Text On Overflow.
Should buttons have fixed width?
Fixing the width for buttons will give a coherent aspect to the interface. Yet, it has the risk of not being able to handle further buttons with perhaps longer labels. This reason makes it incompatible with a fixed guideline. You can always emphasise one particular button by playing on size, colour and padding.
How much padding should a button have?
Button padding is one of the most important aspects of button styling. My personal styling is to set vertical padding equal to font height, and set horizontal padding to 1.33 times vertical height. If a font height is 20px, vertical padding is 20px, and horizontal padding would be 27px.