search

mariusmucenicu / knowlift

A software that will keep you sharp between the ears.
https://knowlift.com/
GNU General Public License v3.0
0 stars 1 forks source link

Remove fixed width/height from buttons on the play page #140

Closed mariusmucenicu closed 5 years ago

mariusmucenicu commented 5 years ago

The problem is that since the width is fixed and box-sizing is set to border-box the text can wrap in scenarios where the root font is higher than default. Because the way bootstrap sets padding on buttons (both left-right and up-down) as a ratio of the root font. The bigger the font the bigger the padding and the bigger the padding the less space available for the content since the entire width is: border + padding + content.

Solution:

  1. remove the fixed width/height from buttons on the play page
  2. remove btn-sm to increase the size of the button to improve the UX