fix: amenities list link width

2024-08-30 10:31:45 +02:00
parent e778f2c4b6
commit bad94323cd
2 changed files with 5 additions and 0 deletions
--- a/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css
+++ b/components/ContentType/HotelPage/AmenitiesList/amenitiesList.module.css
@@ -19,6 +19,10 @@
  gap: var(--Spacing-x1);
 }

+.showAllAmenities {
+  width: fit-content;
+}
+
@media screen and (min-width: 1367px) {
  .amenitiesContainer {
    margin-top: var(--Spacing-x5);
--- a/components/ContentType/HotelPage/AmenitiesList/index.tsx
+++ b/components/ContentType/HotelPage/AmenitiesList/index.tsx
@@ -43,6 +43,7 @@ export default async function AmenitiesList({
        href={`?s=${amenities[lang]}`}
        color="burgundy"
        variant="icon"
+        className={styles.showAllAmenities}
      >
        {intl.formatMessage({ id: "Show all amenities" })}
        <ChevronRightIcon />