Bug 1173005 - Fixed margin with the pseduoclass panel and left align the pseduoclass options. r=bgrins
authorGabriel Luong <gabriel.luong@gmail.com>
Sun, 14 Jun 2015 02:16:00 -0400
changeset 249539 e3cc6999546b6264a41533084d9d3fec17294f4a
parent 249538 be5801a8cf50da406d04f10accbdcaa4a555a2d2
child 249540 df3415259fd58919248853d8f374838e338605fe
push id28929
push userryanvm@gmail.com
push dateThu, 18 Jun 2015 19:51:41 +0000
treeherdermozilla-central@d56a1257088e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbgrins
bugs1173005
milestone41.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 1173005 - Fixed margin with the pseduoclass panel and left align the pseduoclass options. r=bgrins
browser/devtools/styleinspector/ruleview.css
--- a/browser/devtools/styleinspector/ruleview.css
+++ b/browser/devtools/styleinspector/ruleview.css
@@ -26,31 +26,32 @@ body {
 
 .devtools-toolbar {
   width: 100%;
   display: flex;
 }
 
 #pseudo-class-panel {
   position: relative;
-  top: -1px;
+  margin-top: -1px;
+  margin-bottom: -1px;
   overflow-y: hidden;
   max-height: 24px;
-  justify-content: space-around;
   transition-property: max-height;
   transition-duration: 150ms;
   transition-timing-function: ease;
 }
 
 #pseudo-class-panel[hidden] {
   max-height: 0px;
 }
 
 #pseudo-class-panel > label {
   -moz-user-select: none;
+  flex-grow: 1;
 }
 
 .ruleview {
   overflow: auto;
   -moz-user-select: text;
 }
 
 .ruleview-code {