[DevTools] Make infobar push contents down.

Bug: 768782
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: I7fd7a16c3c4493c71662ed5ddc4a7906b6bafeee
Reviewed-on: https://chromium-review.googlesource.com/727188Reviewed-by: Pavel Feldman <pfeldman@chromium.org>
Commit-Queue: Eugene Ostroukhov <eostroukhov@chromium.org>
Cr-Commit-Position: refs/heads/master@{#510237}

chrome/browser/resources/inspect/inspect.css

@@ -12,6 +12,8 @@ html {
 
 body {
   color: rgb(48, 57, 66);
+  display: flex;
+  flex-direction: column;
   font-size: 13px;
   height: 100%;
   margin: 0;
@@ -38,18 +40,13 @@ img {
 
 #infobar {
   background: rgb(255, 212, 0);
-  height: 20px;
-  left: 0;
-  line-height: 20px;
-  position: fixed;
-  right: 0;
+  display: none;
+  padding: 4px 0;
   text-align: center;
-  visibility: hidden;
-  z-index: 1;
 }
 
 #infobar.show {
-  visibility: visible;
+  display: block;
 }
 
 #navigation {