feat/SW-604-select-hotel-page-UI (pull request #905)

Feat/SW-604 select hotel page UI

* feat(SW-604): update header, scandic logo, and map text

* feat(SW-604): fix map button

* feat(SW-604): fix align header

* feat(SW-604): hide filter for mobile

* feat(SW-604): fix padding

* feat(SW-604): fix padding again

* feat(SW-604): fix mobile design

* feat(SW-604): fix padding


Approved-by: Pontus Dreij

components/HotelReservation/ReadMore/index.tsx

@@ -23,7 +23,11 @@ export default function ReadMore({ label, hotelId, showCTA }: ReadMoreProps) {
       className={styles.detailsButton}
     >
       {label}
-      <ChevronRightIcon color="burgundy" height={20} width={20} />
+      <ChevronRightIcon
+        color="baseButtonTextOnFillNormal"
+        height={20}
+        width={20}
+      />
     </Button>
   )
 }

components/HotelReservation/SelectHotel/HotelSorter/hotelSorter.module.css

@@ -1,3 +1,9 @@
 .container {
   width: 339px;
 }
+
+@media (max-width: 768px) {
+  .container {
+    display: none;
+  }
+}

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 },