Bug 1359759 - 1 - Move grid outline below grid details to avoid UI jumps; r=gl

MozReview-Commit-ID: LeUAb6YWVWB

--HG--
extra : rebase_source : d6dcdd07aef58e3077a4ad1dd8b17bbcae1c6505

devtools/client/inspector/grids/components/Grid.js

@@ -60,15 +60,6 @@ module.exports = createClass({
         {
           id: "layout-grid-container",
         },
-        showGridOutline ?
-          GridOutline({
-            grids,
-            onShowGridAreaHighlight,
-            onShowGridCellHighlight,
-            onShowGridLineNamesHighlight,
-          })
-          :
-          null,
         dom.div(
           {
             className: "grid-content",
@@ -87,7 +78,16 @@ module.exports = createClass({
             onToggleShowGridLineNumbers,
             onToggleShowInfiniteLines,
           })
-        )
+        ),
+        showGridOutline ?
+          GridOutline({
+            grids,
+            onShowGridAreaHighlight,
+            onShowGridCellHighlight,
+            onShowGridLineNamesHighlight,
+          })
+          :
+          null
       )
       :
       dom.div(