Css improvements 2

[cirex-web]

• Fixed manifest.json theme_color (added # sign)
• Decreased padding on mobile (I added way too much)
• Made search box wrapping dynamic (not based on breakpoints anymore)

If there was too long of a text before it would do this

But now the search bar will wrap to the next line

• Scrolling is actually full-page scroll (rather than just everything-but-bottom-tab scroll) (so mobile browsers can actually detect that the page is taller than screen height - otherwise nav/url bar mide not autohide)
• Header is now sticky (primarily so the search bar is always visible)
• Minor changes to grid breakpoints
• Changed Locations-container padding to margin (but in doing so I had to use -webkit-fill-available to make sure container doesn’t collapse when search results are empty - do let me know if there’s a better way!)
• Removed some React CSS boilerplate
• Added back max-width on Locations-container - any reason why this was reverted in this commit?

Open for feedback!

[GhostOf0days]

Current feedback: Overall, not a fan of the new list page look. From a UI perspective, I like the original look more, and I'm not sure we should change it. In regards to the search bar, the changes may or may not be good additions. I'm in favor of dynamic wrapping and neutral towards a stickied header, but this decision should be based on user feedback (most UI changes for old features should be on input from design committee or user feedback). We can collect some input at work sessions/meetings early next semester in regards to the search bar changes. Also, nice catch in the manifest file. Lastly, scrolling is a good change, but requires testing across android and iOS (at work sessions/meetings).

[cirex-web]

Overall, not a fan of the new list page look. From a UI perspective, I like the original look more, and I'm not sure we should change it.

I don't remember changing that much - what specifically did you have in mind when writing this? I did revert the grid spacing though - it was a bit too much.

In regards to the search bar, the changes may or may not be good additions. I'm in favor of dynamic wrapping and neutral towards a stickied header, but this decision should be based on user feedback (most UI changes for old features should be on input from design committee or user feedback).

Alright - I guess we'll put a hold on this for now.

Lastly, scrolling is a good change, but requires testing across android and iOS (at work sessions/meetings).

Okay - let me know when we can test.

[GhostOf0days]

As for the new list page look, it felt more squished into the center. I'll explain what I mean after #368 and eatery card skeletons from #329 are merged (in that order). We can test around then.