diff --git a/apps/scandic-web/app/globals.css b/apps/scandic-web/app/globals.css index 1e01328ef..da3d4cfd6 100644 --- a/apps/scandic-web/app/globals.css +++ b/apps/scandic-web/app/globals.css @@ -7,7 +7,8 @@ --current-mobile-site-header-height: 52.41px; --max-width-navigation: 89.5rem; - --max-width-spacing: calc(var(--Layout-Mobile-Margin-Margin-min) * 2); + --max-width-single-spacing: var(--Layout-Mobile-Margin-Margin-min); + --max-width-spacing: calc(var(--max-width-single-spacing) * 2); --max-width-page: min( calc(100dvw - var(--max-width-spacing)), var(--max-width-navigation) @@ -101,7 +102,7 @@ ul { @media screen and (min-width: 768px) { :root { - --max-width-spacing: calc(var(--Layout-Tablet-Margin-Margin-min) * 2); + --max-width-single-spacing: var(--Layout-Tablet-Margin-Margin-min); } body.overflow-hidden { @@ -112,6 +113,6 @@ ul { @media screen and (min-width: 1367px) { :root { - --max-width-spacing: calc(var(--Layout-Desktop-Margin-Margin-min) * 2); + --max-width-single-spacing: var(--Layout-Desktop-Margin-Margin-min); } } diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/destinationCityPage.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/destinationCityPage.module.css index 61130dcc0..02bfeff4e 100644 --- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/destinationCityPage.module.css +++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/destinationCityPage.module.css @@ -7,6 +7,7 @@ "mainContent"; width: 100%; gap: var(--Spacing-x4); + max-width: var(--max-width); } .header { @@ -39,7 +40,6 @@ @media screen and (min-width: 768px) { .pageContainer { - max-width: var(--max-width-page); margin: 0 auto; gap: var(--Spacing-x4); } @@ -53,7 +53,12 @@ grid-template-columns: 1fr var(--map-desktop-width); } + .header { + padding-left: var(--max-width-single-spacing); + } + .mainContent { gap: var(--Spacing-x9); + padding-left: var(--max-width-single-spacing); } } diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/destinationCountryPage.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/destinationCountryPage.module.css index 4287c2794..72dc30166 100644 --- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/destinationCountryPage.module.css +++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/destinationCountryPage.module.css @@ -7,6 +7,7 @@ "mainContent"; width: 100%; gap: var(--Spacing-x4); + max-width: var(--max-width); } .header { @@ -32,7 +33,6 @@ @media screen and (min-width: 768px) { .pageContainer { - max-width: var(--max-width-page); margin: 0 auto; gap: var(--Spacing-x4); } @@ -46,7 +46,12 @@ grid-template-columns: 1fr var(--map-desktop-width); } + .header { + padding-left: var(--max-width-single-spacing); + } + .mainContent { gap: var(--Spacing-x9); + padding-left: var(--max-width-single-spacing); } } diff --git a/apps/scandic-web/components/ContentType/HotelPage/hotelPage.module.css b/apps/scandic-web/components/ContentType/HotelPage/hotelPage.module.css index c77b10bfb..ba5fb1e63 100644 --- a/apps/scandic-web/components/ContentType/HotelPage/hotelPage.module.css +++ b/apps/scandic-web/components/ContentType/HotelPage/hotelPage.module.css @@ -80,7 +80,7 @@ } .mainSection { grid-area: mainSection; - padding: var(--Spacing-x6) var(--Layout-Desktop-Margin-Margin-min); + padding: var(--Spacing-x6) var(--max-width-single-spacing); } .mapContainer { display: flex; diff --git a/apps/scandic-web/server/routers/hotels/utils.ts b/apps/scandic-web/server/routers/hotels/utils.ts index 156a18361..bd3bac658 100644 --- a/apps/scandic-web/server/routers/hotels/utils.ts +++ b/apps/scandic-web/server/routers/hotels/utils.ts @@ -578,7 +578,7 @@ export async function getHotelsByHotelIds({ : [], name: hotel.name, tripadvisor: hotel.ratings?.tripAdvisor?.rating, - detailedFacilities: hotel.detailedFacilities?.slice(0, 3) || [], + detailedFacilities: hotel.detailedFacilities || [], location: hotel.location, hotelType: hotel.hotelType, type: hotel.type,