Bug 1258501 - Better swatch alignement in the rules view. r=miker
Add a negative top offset to align swatches ( color, filter, bezier, ...) with
the values they represent.
MozReview-Commit-ID: 6EIQZ2UAHuc
--- a/devtools/client/themes/rules.css
+++ b/devtools/client/themes/rules.css
@@ -284,16 +284,18 @@
}
.ruleview-swatch {
cursor: pointer;
border-radius: 50%;
width: 0.9em;
height: 0.9em;
vertical-align: middle;
+ /* align the swatch with its value */
+ margin-top: -1px;
-moz-margin-end: 5px;
display: inline-block;
position: relative;
}
.ruleview-colorswatch::before {
content: '';
background-color: #eee;