Adjust page header height for tablet sizes

Author: hojberg

src/css/ui/components/page-header.css

@@ -106,14 +106,14 @@
   box-shadow: inset 0 -4px 0 0 var(--c-color_page-header_hover-nav-item);
 }
 
-.page-header .navigation {
+.page-header .page-header_navigation .navigation {
   flex-direction: row;
   gap: 0;
   align-items: center;
   height: var(--c-height_page-header);
 }
 
-.page-header .navigation .nav-item {
+.page-header .page-header_navigation .navigation .nav-item {
   border-radius: 1rem;
   font-size: var(--font-size-medium);
   padding: 0 0.75rem;