chrome://inspect sticky nav bar & padding under anchor

chrome/browser/resources/inspect/inspect.css

Index: chrome/browser/resources/inspect/inspect.css
diff --git a/chrome/browser/resources/inspect/inspect.css b/chrome/browser/resources/inspect/inspect.css
index bf0a1107eac9e851b78cafc44ead77381fa9a8fa..c940215fe6f97386a8bc1864fa3c3cebc5563c18 100644
--- a/chrome/browser/resources/inspect/inspect.css
+++ b/chrome/browser/resources/inspect/inspect.css
@@ -2,12 +2,15 @@
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
+* {
+  box-sizing: border-box;
+}
+
 body {
   color: rgb(48, 57, 66);
   font-size: 13px;
   margin: 0;
   min-width: 47em;
-  padding: 20px 20px 65px 0;
 }
 
 .hidden {
@@ -20,7 +23,7 @@ img {
   padding-left: 2px;
   padding-right: 5px;
   vertical-align: top;
-  width: 16px;
+  width: 23px;
 }
 
 #container {
@@ -29,11 +32,16 @@ img {
 }
 
 #navigation {
+  max-height: 100vh;
+  overflow: auto;
+  padding-top: 20px;
   width: 150px;
 }
 
 #content {
   -webkit-flex: 1;
+  max-height: 100vh;
+  overflow: auto;
 }
 
 #caption {
@@ -70,14 +78,23 @@ img {
   color: #999;
 }
 
+#content > div {
+  padding: 54px 20px 65px 0;
+}
 #content > div:not(.selected) {
   display: none;
 }
 
 .content-header {
+  background: linear-gradient(white, white 40%, rgba(255, 255, 255, 0.92));
   border-bottom: 1px solid #eee;
   font-size: 150%;
-  padding-bottom: 10px;
+  left: 150px;
+  padding: 20px 0 10px 0;
+  position: fixed;
+  right: 20px;
+  top: 0;
+  z-index: 1;
 }
 
 #devices-help {
@@ -140,7 +157,7 @@ img {
   align-items: center;
   display: flex;
   flex-flow: row wrap;
-  min-height: 23px;
+  min-height: 33px;
   padding-top: 10px;
 }