← All examples

Bigger clickable file list rows

Increases the height of file list rows and adds a hover highlight so they are easier to hit.

Code to copy

.react-directory-row,
.js-navigation-item .content {
  cursor: pointer !important;
}
.react-directory-row td { padding-top: 8px !important; padding-bottom: 8px !important; }
.react-directory-row:hover { background: rgba(127,127,127,0.10) !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.