Add space around clickable elements.
Audit - 4 - Link-spacing by FACILiti

Details
AuthorFACILiti
LicenseNo License
Category.
Created
Updated
Code size1.4 kB
Code checksum165ccbf4
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Audit - 4 - Link spacing
@version 1.0.0
@description Add space around clickable elements
@namespace ?
==/UserStyle== */
html:not([stylus-iframe]) body a,
html:not([stylus-iframe]) body input,
html:not([stylus-iframe]) body textarea,
html:not([stylus-iframe]) body button,
html:not([stylus-iframe]) body select,
html:not([stylus-iframe]) body option {
min-width: 100px !important;
min-height: 50px !important;
width: auto !important;
height: auto !important;
margin: 25px !important;
display: inline-block !important;
max-width: calc(100% - 50px) !important;
padding-top: calc((50px - 1.5em) / 2)!important;
padding-bottom: calc((50px - 1.5em) / 2)!important;
box-sizing: border-box!important;
line-height: 1.5 !important;
}
html:not([stylus-iframe]) body option {
display: block !important;
}
html:not([stylus-iframe]) body a:hover,
html:not([stylus-iframe]) body input:hover,
html:not([stylus-iframe]) body textarea:hover,
html:not([stylus-iframe]) body button:hover,
html:not([stylus-iframe]) body select:hover,
html:not([stylus-iframe]) body option:hover {
outline: #00F 1px solid !important;
}
/* Line-height 1.5 */
html:not([stylus-iframe]) body,
html:not([stylus-iframe]) body *{
line-height: 1.5 !important;
}