diff --git a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/page.module.css b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/page.module.css index 89de83d4d..8bf36ee38 100644 --- a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/page.module.css +++ b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/page.module.css @@ -1,21 +1,23 @@ .main { display: flex; - gap: var(--Spacing-x3); - padding: var(--Spacing-x4) var(--Spacing-x4) 0 var(--Spacing-x4); + padding: 0 var(--Spacing-x2) var(--Spacing-x3) var(--Spacing-x2); background-color: var(--Scandic-Brand-Warm-White); min-height: 100dvh; flex-direction: column; max-width: var(--max-width); margin: 0 auto; } - .header { display: flex; - margin: 0 auto; - padding: var(--Spacing-x4) var(--Spacing-x5) var(--Spacing-x3) - var(--Spacing-x5); - justify-content: space-between; - max-width: var(--max-width); + flex-direction: column; + gap: var(--Spacing-x2); + padding: var(--Spacing-x3) var(--Spacing-x2) 0 var(--Spacing-x2); +} + +.cityInformation { + display: flex; + flex-wrap: wrap; + gap: var(--Spacing-x1); } .sideBar { @@ -46,6 +48,23 @@ } @media (min-width: 768px) { + .main { + padding: var(--Spacing-x5); + } + .header { + display: block; + background-color: var(--Base-Surface-Subtle-Normal); + padding: var(--Spacing-x4) var(--Spacing-x5) var(--Spacing-x3) + var(--Spacing-x5); + } + + .title { + margin: 0 auto; + display: flex; + max-width: var(--max-width-navigation); + align-items: center; + justify-content: space-between; + } .link { display: flex; padding-bottom: var(--Spacing-x6); @@ -57,13 +76,6 @@ border-radius: var(--Corner-radius-Medium); border: 1px solid var(--Base-Border-Subtle); } - .mapLinkText { - display: flex; - align-items: center; - justify-content: center; - gap: var(--Spacing-x-half); - padding: var(--Spacing-x-one-and-half) var(--Spacing-x0); - } .main { flex-direction: row; gap: var(--Spacing-x5); diff --git a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/page.tsx index 4dfefd7ac..0493c9d70 100644 --- a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/page.tsx +++ b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/page.tsx @@ -18,7 +18,10 @@ import { import { ChevronRightIcon } from "@/components/Icons" import StaticMap from "@/components/Maps/StaticMap" import Alert from "@/components/TempDesignSystem/Alert" +import Button from "@/components/TempDesignSystem/Button" import Link from "@/components/TempDesignSystem/Link" +import Preamble from "@/components/TempDesignSystem/Text/Preamble" +import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import { getIntl } from "@/i18n" import { setLang } from "@/i18n/serverContext" @@ -66,8 +69,14 @@ export default async function SelectHotelPage({ return ( <>
-
{city.name}
- +
+
+ {city.name} + {hotels.length} hotels +
+ +
+
@@ -87,10 +96,14 @@ export default async function SelectHotelPage({ mapType="roadmap" altText={`Map of ${searchParams.city} city center`} /> -
- {intl.formatMessage({ id: "Show map" })} - -
+
) : ( @@ -105,7 +118,6 @@ export default async function SelectHotelPage({ /> )} -
diff --git a/components/HotelReservation/ReadMore/index.tsx b/components/HotelReservation/ReadMore/index.tsx index f7ec2af84..5b55f59ca 100644 --- a/components/HotelReservation/ReadMore/index.tsx +++ b/components/HotelReservation/ReadMore/index.tsx @@ -23,7 +23,11 @@ export default function ReadMore({ label, hotelId, showCTA }: ReadMoreProps) { className={styles.detailsButton} > {label} - + ) } diff --git a/components/HotelReservation/SelectHotel/HotelSorter/hotelSorter.module.css b/components/HotelReservation/SelectHotel/HotelSorter/hotelSorter.module.css index 7c991c602..535808a35 100644 --- a/components/HotelReservation/SelectHotel/HotelSorter/hotelSorter.module.css +++ b/components/HotelReservation/SelectHotel/HotelSorter/hotelSorter.module.css @@ -1,3 +1,9 @@ .container { width: 339px; } + +@media (max-width: 768px) { + .container { + display: none; + } +} diff --git a/components/HotelReservation/SelectHotel/HotelSorter/index.tsx b/components/HotelReservation/SelectHotel/HotelSorter/index.tsx index d9a364fcd..2e48364a1 100644 --- a/components/HotelReservation/SelectHotel/HotelSorter/index.tsx +++ b/components/HotelReservation/SelectHotel/HotelSorter/index.tsx @@ -40,7 +40,7 @@ export default function HotelSorter() { ) const sortItems: SortItem[] = [ { - label: intl.formatMessage({ id: "Distance to city center" }), + label: intl.formatMessage({ id: "Distance to city centre" }), value: SortOrder.Distance, }, { label: intl.formatMessage({ id: "Name" }), value: SortOrder.Name }, diff --git a/components/Icons/Logos/ScandicLogo.tsx b/components/Icons/Logos/ScandicLogo.tsx index cdb992753..f96025768 100644 --- a/components/Icons/Logos/ScandicLogo.tsx +++ b/components/Icons/Logos/ScandicLogo.tsx @@ -11,52 +11,52 @@ export default function ScandicLogoIcon({ return ( ) diff --git a/i18n/dictionaries/da.json b/i18n/dictionaries/da.json index 6529382a8..47feb8b4e 100644 --- a/i18n/dictionaries/da.json +++ b/i18n/dictionaries/da.json @@ -297,6 +297,7 @@ "See details": "Se detaljer", "See hotel details": "Se hoteloplysninger", "See less FAQ": "Se mindre FAQ", + "See map": "Vis kort", "See on map": "Se på kort", "See room details": "Se værelsesdetaljer", "See rooms": "Se værelser", @@ -314,7 +315,6 @@ "Show all amenities": "Vis alle faciliteter", "Show less": "Vis mindre", "Show less rooms": "Vise færre rum", - "Show map": "Vis kort", "Show more": "Vis mere", "Show more rooms": "Vise flere rum", "Sign up bonus": "Velkomstbonus", diff --git a/i18n/dictionaries/de.json b/i18n/dictionaries/de.json index f69e9bb0e..91256509d 100644 --- a/i18n/dictionaries/de.json +++ b/i18n/dictionaries/de.json @@ -296,6 +296,7 @@ "See details": "Siehe Einzelheiten", "See hotel details": "Hotelinformationen ansehen", "See less FAQ": "Weniger anzeigen FAQ", + "See map": "Karte anzeigen", "See on map": "Karte ansehen", "See room details": "Zimmerdetails ansehen", "See rooms": "Zimmer ansehen", @@ -313,7 +314,6 @@ "Show all amenities": "Alle Annehmlichkeiten anzeigen", "Show less": "Weniger anzeigen", "Show less rooms": "Weniger Zimmer anzeigen", - "Show map": "Karte anzeigen", "Show more": "Mehr anzeigen", "Show more rooms": "Weitere Räume anzeigen", "Sign up bonus": "Anmelde-Bonus", diff --git a/i18n/dictionaries/en.json b/i18n/dictionaries/en.json index 049adce52..664069250 100644 --- a/i18n/dictionaries/en.json +++ b/i18n/dictionaries/en.json @@ -325,6 +325,7 @@ "See details": "See details", "See hotel details": "See hotel details", "See less FAQ": "See less FAQ", + "See map": "See map", "See on map": "See on map", "See room details": "See room details", "See rooms": "See rooms", @@ -343,7 +344,6 @@ "Show all amenities": "Show all amenities", "Show less": "Show less", "Show less rooms": "Show less rooms", - "Show map": "Show map", "Show more": "Show more", "Show more rooms": "Show more rooms", "Sign up bonus": "Sign up bonus", diff --git a/i18n/dictionaries/fi.json b/i18n/dictionaries/fi.json index 30b5afff0..ca9e330ea 100644 --- a/i18n/dictionaries/fi.json +++ b/i18n/dictionaries/fi.json @@ -298,6 +298,7 @@ "See details": "Katso tiedot", "See hotel details": "Katso hotellin tiedot", "See less FAQ": "Katso vähemmän UKK", + "See map": "Näytä kartta", "See on map": "Näytä kartalla", "See room details": "Katso huoneen tiedot", "See rooms": "Katso huoneet", @@ -315,7 +316,6 @@ "Show all amenities": "Näytä kaikki mukavuudet", "Show less": "Näytä vähemmän", "Show less rooms": "Näytä vähemmän huoneita", - "Show map": "Näytä kartta", "Show more": "Näytä lisää", "Show more rooms": "Näytä lisää huoneita", "Sign up bonus": "Liittymisbonus", diff --git a/i18n/dictionaries/no.json b/i18n/dictionaries/no.json index 5db8c271f..2c61f1596 100644 --- a/i18n/dictionaries/no.json +++ b/i18n/dictionaries/no.json @@ -295,6 +295,7 @@ "See details": "Se detaljer", "See hotel details": "Se hotellinformasjon", "See less FAQ": "Se mindre FAQ", + "See map": "Vis kart", "See on map": "Se på kart", "See room details": "Se detaljer om rommet", "See rooms": "Se rom", @@ -312,7 +313,6 @@ "Show all amenities": "Vis alle fasiliteter", "Show less": "Vis mindre", "Show less rooms": "Vise færre rom", - "Show map": "Vis kart", "Show more": "Vis mer", "Show more rooms": "Vise flere rom", "Sign up bonus": "Velkomstbonus", diff --git a/i18n/dictionaries/sv.json b/i18n/dictionaries/sv.json index e466c1524..911553c7b 100644 --- a/i18n/dictionaries/sv.json +++ b/i18n/dictionaries/sv.json @@ -295,6 +295,7 @@ "See details": "Se detaljer", "See hotel details": "Se hotellinformation", "See less FAQ": "See färre FAQ", + "See map": "Visa karta", "See on map": "Se på karta", "See room details": "Se rumsdetaljer", "See rooms": "Se rum", @@ -312,7 +313,6 @@ "Show all amenities": "Visa alla bekvämligheter", "Show less": "Visa mindre", "Show less rooms": "Visa färre rum", - "Show map": "Visa karta", "Show more": "Visa mer", "Show more rooms": "Visa fler rum", "Sign up bonus": "Välkomstbonus",