fix(BOOK-53): Seo filter block now uses h3 as summary content and adjusted spacing

Approved-by: Bianca Widstam

apps/scandic-web/components/ContentType/DestinationPage/SeoFilters/index.tsx

@@ -38,10 +38,11 @@ export function SeoFilters({ seoFilters, location }: SeoFiltersProps) {
               { location }
             )}
             showAsSubtitle
+            titleLevel="h3"
           >
             <ul className={styles.filterList}>
               {facilityFilters.map(({ filter }) => (
-                <li key={filter.id}>
+                <li key={filter.id} className={styles.filterItem}>
                   <Link
                     href={`${basePath}/${filter.slug}`}
                     color="Text/Interactive/Secondary"
@@ -61,10 +62,11 @@ export function SeoFilters({ seoFilters, location }: SeoFiltersProps) {
               { location }
             )}
             showAsSubtitle
+            titleLevel="h3"
           >
             <ul className={styles.filterList}>
               {surroundingsFilters.map(({ filter }) => (
-                <li key={filter.id}>
+                <li key={filter.id} className={styles.filterItem}>
                   <Link
                     href={`${basePath}/${filter.slug}`}
                     color="Text/Interactive/Secondary"

apps/scandic-web/components/ContentType/DestinationPage/SeoFilters/seoFilters.module.css

@@ -4,6 +4,10 @@
   gap: var(--Space-x15);
 }
 
+.filterItem {
+  margin-bottom: var(--Space-x15);
+}
+
 @media screen and (min-width: 1367px) {
   .filterList {
     column-count: 3;