← All examples

Enlarge clickable targets

Adds padding and a minimum height to buttons and links so they are easier to hit.

Code to copy

a, button, [role="button"], input[type="checkbox"], input[type="radio"], label {
  min-height: 32px !important;
  padding: 4px 6px !important;
  cursor: pointer !important;
}
a, button, [role="button"] {
  display: inline-block !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.