Adjust topbar styling
What does this MR do?
This cleans up the styling of the top bar. We had a lot of styling information spread over Vue files were we overrode Bootstrap's styling manually. This caused the issue that with an upgrade of Bootstrap to a newer version, suddenly input fields became bigger while the text in them remained the previous size. I've reduced the styling to the cases where we want to deviate from Bootstrap's style on purpose, while trying to keep as close as possible to how Bootstrap does styling in general.
How confident are you it won't break things if deployed?
Quite confident, given that it's only a styling change with a very limited scope
Links to related issues
- added a test, or explain why one is not needed/possible...
- no unrelated changes
- asked someone for a code review
- joined #foodsharing-beta channel at https://slackin.yunity.org
- added an entry to CHANGELOG.md (description, merge request link, username(s))