search

codeforamerica / honeycrisp-gem

A Rails gem with base styles and Javascript for Code for America products
http://honeycrisp.herokuapp.com
MIT License
24 stars 8 forks source link

Hourly wage, input is different size #271

Closed bengolder closed 3 years ago

bengolder commented 3 years ago

Small style discrepancy we encountered when upgrading SHIBA to the latest version of Honeycrisp

Percy failures

coltborg commented 3 years ago

Why did this happen?

.form-width--phone changed from max-width: 9.5em to max-width: 11em.

The max-width was changed with the work for auto-formatting phone number inputs was added in v0.9.4

coltborg commented 3 years ago

Possible solution: don't rely on .form-width--phone and define a class to use 9.5em for the hourly-wage input.

Screen Shot 2021-08-23 at 1 20 30 PM

Sidenote

There were no other uses of .form-width--phone in the app.