Merged in feat/book-522-align (pull request #3101)

feat(BOOK-522): align items in topmenu, header and booking widget

* feat(BOOK-522): align items in topmenu, header and booking widget

* Delete old css variable and use new

* Fixed underline on icons


Approved-by: Erik Tiekstra

apps/scandic-web/components/Header/MainMenu/NavigationMenu/NavigationMenuList/navigationMenuList.module.css

@@ -12,7 +12,7 @@
   width: 100%;
   gap: 0;
   justify-content: stretch;
-  padding: var(--Spacing-x-one-and-half) var(--Spacing-x2) var(--Spacing-x2);
+  padding: var(--Space-x15) var(--Spacing-x2) var(--Spacing-x2);
 }
 
 .navigationMenu.mobile .item {

apps/scandic-web/components/Header/TopLink/index.tsx

@@ -2,6 +2,8 @@ import { IconName } from "@scandic-hotels/design-system/Icons/iconName"
 
 import HeaderLink from "../HeaderLink"
 
+import styles from "./topLink.module.css"
+
 import type { TopLinkProps } from "@/types/components/header/topLink"
 
 export default function TopLink({
@@ -21,7 +23,7 @@ export default function TopLink({
       iconName={linkData.icon || IconName.Gift}
       iconSize={iconSize}
     >
-      {linkData.title}
+      <span className={styles.topLink}>{linkData.title}</span>
     </HeaderLink>
   )
 }

apps/scandic-web/components/Header/TopLink/topLink.module.css

@@ -0,0 +1,3 @@
+.topLink {
+  margin-top: 2px;
+}