Bug 1349686: Polish the Box Model CSS. r?gl
MozReview-Commit-ID: FfgTVBx8mcw
--- a/devtools/client/themes/boxmodel.css
+++ b/devtools/client/themes/boxmodel.css
@@ -237,17 +237,17 @@
.boxmodel-position {
color: var(--theme-highlight-purple);
}
.boxmodel-position.boxmodel-top,
.boxmodel-position.boxmodel-bottom {
border-left: 1px solid var(--theme-highlight-purple);
- left: calc(50% - 1px);
+ left: calc(50% - 2px);
padding-left: 1px;
}
.boxmodel-position.boxmodel-right,
.boxmodel-position.boxmodel-left {
border-top: 1px solid var(--theme-highlight-purple);
line-height: 15px;
top: calc(50% - 1px);
@@ -319,16 +319,26 @@
display: flex;
padding: 2px 0;
}
.boxmodel-properties-wrapper {
padding: 0 9px;
}
+.boxmodel-properties-wrapper .property-name-container {
+ flex: 1;
+}
+
+.boxmodel-properties-wrapper .property-value-container {
+ flex: 1;
+ display: block;
+ flex: none;
+}
+
/* Box Model Main - Offset Parent */
.boxmodel-offset-parent {
position: absolute;
top: -20px;
right: -10px;
color: var(--theme-highlight-purple);
}