Bug 1436185 - Fix indentation in the rules subpanel in the inspector r=gl
On some platforms with some fonts, some floated element takes too much
space and we need to clear it.
MozReview-Commit-ID: Lbm1bVkPnl4
--- a/devtools/client/themes/rules.css
+++ b/devtools/client/themes/rules.css
@@ -365,16 +365,17 @@
.ruleview-ruleopen {
padding-inline-end: 5px;
}
.ruleview-ruleclose {
cursor: text;
padding-right: 20px;
+ clear: left;
}
.ruleview-propertylist {
list-style: none;
padding: 0;
margin: 0;
}
@@ -553,17 +554,17 @@
.theme-firebug .styleinspector-propertyeditor {
border: 1px solid var(--theme-splitter-color);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
.ruleview-property {
border-left: 3px solid transparent;
- clear: right;
+ clear: both;
padding-left: 28px;
}
.ruleview-propertycontainer > * {
vertical-align: middle;
}
.ruleview-property[dirty] {