fix: update design of header

components/Current/Header/TopMenu/index.tsx

@@ -6,6 +6,7 @@ export default function TopMenu({
   frontpageLinkText,
   homeHref,
   links,
+  languageSwitcher,
 }: TopMenuProps) {
   return (
     <div className={styles.topMenu}>
@@ -15,11 +16,7 @@ export default function TopMenu({
         </a>
 
         <ul className={styles.list}>
-          {/* {languageSwitcher ? (
-            <li className="nav-secondary__item hidden-xxsmall hidden-xsmall hidden-small">
-              {languageSwitcher}
-            </li>
-          ) : null} */}
+          <li className={styles.langSwitcher}>{languageSwitcher}</li>
 
           {links.map(({ link }, i) => (
             <li key={link.href + i}>

components/Current/Header/TopMenu/topMenu.module.css

@@ -2,7 +2,8 @@
   background-color: #8d3a7c;
   color: #fff;
   display: none;
-  font-size: 0.8125rem;
+  font-size: 14px;
+  padding: 0;
   position: relative;
   z-index: 1;
 }
@@ -30,6 +31,18 @@
   display: inline-block;
   padding: 3px 10px;
   text-decoration: none;
+  font-family:
+    Helvetica Neue,
+    Helvetica,
+    Arial,
+    sans-serif;
+  font-size: 13px;
+}
+.langSwitcher {
+  text-align: center;
+  position: relative;
+  display: block;
+  padding: 3px 15px;
 }
 
 @media screen and (min-width: 768px) {
@@ -43,9 +56,13 @@
     background-color: #3d3835;
     display: block;
   }
+  .list {
+    align-items: center;
+  }
 
   .link {
     padding-top: 4px;
     padding-bottom: 4px;
+    font-weight: 300;
   }
 }