reduce search button padding to match search input height

floss-fund / portal

Portal / directory for listing, indexing, and crawling funding.json manifests

https://dir.floss.fund

GNU Affero General Public License v3.0

22 stars 6 forks source link

reduce search button padding to match search input height #10

Open shpiyu opened 3 weeks ago

shpiyu commented 3 weeks ago

The search button's height is little more than the search input, so reduced the padding of the button to match the hieghts.

Before:

After:

knadh commented 2 weeks ago

This breaks in Firefox. I think we should remove the padding altogether and use flex to align it.

shpiyu commented 2 days ago

@knadh flexbox works, although the outline was still causing difference in how the input box is rendered in chrome vs firefox.

In firefox:

In chrome:

So, I removed the outline and added an accent color that is applied to the border when the input is focused. Now it looks consistent in both the browsers.