noaa-fisheries-integrated-toolbox / toolbox_web_templating

Templates and JSON model data for the toolbox web pages
1 stars 0 forks source link

Fix logos and font size on filter menu #63

Closed ChristineStawitz-NOAA closed 1 year ago

ChristineStawitz-NOAA commented 1 year ago

On the filter menu on the github-dev site, the labels (Web app, executable, etc.) are different font sizes and the icons have some extra white space on the right side.

k-doering-NOAA commented 1 year ago

Thanks @ChristineStawitz-NOAA ! I think I need to modify the CSS file.

Here is a screenshot of the issue: screenshot of font sizes and icons issue

k-doering-NOAA commented 1 year ago

Thanks @ChristineStawitz-NOAA I was able to solve the different font sizes, but wasn't able to figure out the issue with extra whitespace, despite changing the css. Maybe I need to look at the original css to help me figure it out?

One work around we could do is to save all the icons with a white background, and turn off the white background and border. I might resort to this if I remain at a loss after looking at the original css file on main!

k-doering-NOAA commented 1 year ago

Fixed by using the workaround.