uBlock/src/css/settings.css
Raymond Hill a8e3118fea
Third pass to re-design the dashboard
Related commits:
- 453f5450b6
- a45a21f337

This commit fixes parts of the re-design not
rendering as intended as per <https://github.com/brampitoyo>'s
feedback screenshots.

The dashboard tab buttons have been converted to
`span` tags (from `a` tags), thus eliminating
the unwanted side effect of the text being
rendered as unvisited links (blueish).

The font size intended for touch screens was not
taking effect due to bad cut & paste.

Other minor adjustments to improve consistency
in spacing.
2020-04-09 09:20:29 -04:00

48 lines
784 B
CSS

body {
border: 0;
font: 14px/1.5 sans-serif;
margin: 0;
padding: 0;
}
hr {
border: 0;
border-top: 1px solid #ccc;
margin: 1.5em 0;
}
.body {
margin-top: 1em;
}
.entries {
margin: 0.5em 0;
}
.section {
font-weight: bold;
margin-top: 0.75em;
}
.synopsis {
font-size: 90%;
}
.entry {
align-items: center;
display: flex;
margin: 0.5em 0;
}
.entry > * {
margin-inline-end: 0.5em;
-webkit-margin-end: 0.5em;
}
.entry > input[type="checkbox"] {
align-self: center;
}
#advanced-user-enabled ~ a.fa {
display: none;
}
body.advancedUser #advanced-user-enabled ~ a.fa {
display: inline;
}
@media (pointer: coarse) {
body {
font: 16px/1.5 sans-serif;
}
}