Merged in fix/sw-1242-tripadvisor-not-clickable (pull request #1139)

fix(SW-1242): increase touch target of trip advisor icon

* fix(SW-1242): increase touch target of trip advisor icon


Approved-by: Pontus Dreij
This commit is contained in:
Niclas Edenvin
2025-01-07 12:52:23 +00:00
parent 5901cab440
commit 501c6be22a
2 changed files with 13 additions and 6 deletions

View File

@@ -7,9 +7,12 @@ import type { TripAdvisorProps } from "@/types/components/hotelReservation/tripA
export default function TripAdvisorChip({ rating }: TripAdvisorProps) {
return (
<div className={styles.tripAdvisor}>
<TripAdvisorIcon color="burgundy" />
<Caption color="burgundy">{rating}</Caption>
// Wrapping the chip in a transparent container with some padding to increase the touch target
<div className={styles.container}>
<div className={styles.tripAdvisor}>
<TripAdvisorIcon color="burgundy" />
<Caption color="burgundy">{rating}</Caption>
</div>
</div>
)
}