waldoCorp / easy-match

A website to help you and your partner find baby names you both love: https://easymatch.waldocorp.com/
https://easymatch.waldocorp.com/
GNU Affero General Public License v3.0
0 stars 0 forks source link

wide names don't display properly (remington) #107

Closed williamlief closed 4 years ago

williamlief commented 4 years ago

The problem with name display persists for long names, we may need to re-architect the yes/no buttons and name display code.

Screen Shot 2020-02-16 at 12 16 23 PM Screen Shot 2020-02-16 at 12 16 09 PM

bcerjan commented 4 years ago

It seems like this will be a recurring issue until we switch to a fixed-width font (or make the buttons SUPER far away from the name).

williamlief commented 4 years ago

Also Alexandria if we want another test case

bcerjan commented 4 years ago

See branch "monospace-font" for my initial attempt to address this. I changed the name font to a monospace font so it's more reliable. I also adjusted the breakpoints in the function that adjusts the sizes to match the ones that Bootstrap uses for the layout of the page (these are the points at which the width of the slot abruptly changes).

bcerjan commented 4 years ago

I believe this is addressed now, but can re-open if it is still an issue.