A_019 Navigation menu refactor | Step 1: Header and top navigation spacing

Background

This epic is looking into the navigation bar which has been slowly tweeked over time. As one of the initial work packages done as a team, there were no annotations or space indicators when developed. We want to review the nav bar and improve it based on the initial concept. This could mean a 1. complete refactor or perhaps only 2. some changes in the code. The header spacings may not be set correctly and could be causing issues with the nav bar.

What to do

• Check the position of all elements in the header and top of the navigation bar
  • Text min max
  • Top padding
  • Right padding
  • Logo & nav hamburger to text padding
  • Nav hamburger size
  • Header to Body padding
• Ensure that these positions are "constant"
• Please contact Katrin for any questions or help
• Please add any required unit tests
• Please check that no e2e tests are affected and fix them

figma