Bug 1349686: Polish the Box Model Properties. r=gl
authorStanford Lockhart <lockhart@cs.dal.ca>
Tue, 28 Mar 2017 19:51:41 -0300
changeset 350458 8d2b523a1a71
parent 350457 dd664243e4b4
child 350459 c3653faaac8a
push id31574
push usercbook@mozilla.com
push dateThu, 30 Mar 2017 11:48:04 +0000
treeherdermozilla-central@03d602fd723a [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersgl
bugs1349686
milestone55.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1349686: Polish the Box Model Properties. r=gl MozReview-Commit-ID: FfgTVBx8mcw
devtools/client/themes/boxmodel.css
--- 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,24 @@
   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;
+}
+
 /* Box Model Main - Offset Parent */
 
 .boxmodel-offset-parent {
   position: absolute;
   top: -20px;
   right: -10px;
   color: var(--theme-highlight-purple);
 }