Bug 1295249 - aboutdebugging: fix alignment of sidebar items;r=janx draft
authorJulian Descottes <jdescottes@mozilla.com>
Tue, 16 Aug 2016 12:01:11 +0200
changeset 401132 d0a74aff2b1f170e1ee2d8b5bc034d64ff07e492
parent 400737 3e4803eb9a5ca755a8881bf599f05f8430ffb343
child 528401 cd3b18da87d3290d0a5b7040c0b288ad6758c68e
push id26367
push userjdescottes@mozilla.com
push dateTue, 16 Aug 2016 10:02:48 +0000
reviewersjanx
bugs1295249, 201409
milestone51.0a1
Bug 1295249 - aboutdebugging: fix alignment of sidebar items;r=janx The align-content property no longer has any impact on single line flex containers [1]. Instead we now use align-items: center to enforce vertical centering. [1] https://www.w3.org/TR/css-flexbox-1/#change-201409-align-content-wrapping MozReview-Commit-ID: 2Cw8zrDjPZ1
devtools/client/aboutdebugging/aboutdebugging.css
--- a/devtools/client/aboutdebugging/aboutdebugging.css
+++ b/devtools/client/aboutdebugging/aboutdebugging.css
@@ -17,17 +17,17 @@ button {
   min-width: 100px;
 }
 
 /* Category panels */
 
 .category {
   display: flex;
   flex-direction: row;
-  align-content: center;
+  align-items: center;
 }
 
 .category-name {
   cursor: default;
 }
 
 .app {
   height: 100%;