Fix navigation button positioning

[jancborchardt]

To illustrate the issues, the view switcher on the right is in hovered state:

• More whitespace to the top of the navigation than to the left
• Using hardcoded values instead of variables
• "Event" and "Today" vertically not aligned with view switcher

Before	After

[codecov]

Codecov Report

Patch coverage: 50.00% and no project coverage change.

Comparison is base (814980e) 22.74% compared to head (12f5abd) 22.74%.
Report is 6 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff            @@
##               main    #5390   +/-   ##
=========================================
  Coverage     22.74%   22.74%           
  Complexity      372      372           
=========================================
  Files           237      237           
  Lines         11684    11684           
  Branches       2270     2270           
=========================================
  Hits           2657     2657           
  Misses         9027     9027           

Flag	Coverage Δ
javascript	13.95% <50.00%> (ø)
php	65.47% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Files Changed	Coverage Δ
src/views/Calendar.vue	0.00% <ø> (ø)
src/views/EditSidebar.vue	0.00% <0.00%> (ø)
src/store/settings.js	88.59% <100.00%> (ø)

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[st3iny]

@jancborchardt Thanks for the PR 🙏 I can't spot differences between the two screenshots. Could it be that you accidentally uploaded the same picture twice?

EDIT: Now I see it.

[tcitworld]

I only notice the second row of button being a little closer to the first row.

[st3iny]

Ahh, now I see it. The whitespace around the navigation button also changed a tiny bit to make it more even.

[st3iny]

Tested and works.

[st3iny]

/backport to stable4.4