← All examples

Larger calendar tap targets

Enlarges day buttons in the booking calendar to a comfortable touch size, reducing the risk of picking the wrong date.

Code to copy

[data-testid*="calendar" i] button, [class*="datepicker" i] button,
[class*="calendar" i] [role="gridcell"] button,
[data-testid*="day" i] {
  min-width: 44px !important;
  min-height: 44px !important;
  font-size: 16px !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.