Bug 1349686: Polish the Box Model CSS. r?gl draft
authorStanford Lockhart <lockhart@cs.dal.ca>
Tue, 28 Mar 2017 19:51:41 -0300
changeset 553322 26b01014598bcedce48f5c874c4383687a1ef21b
parent 552691 272ce6c2572164f5f6a9fba2a980ba9ccf50770c
child 622028 e781a819958ce264d19ed1d78b48dcfd6d2b7ef4
push id51593
push userbmo:lockhart@cs.dal.ca
push dateWed, 29 Mar 2017 20:35:21 +0000
reviewersgl
bugs1349686
milestone55.0a1
Bug 1349686: Polish the Box Model CSS. 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,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);
 }