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..8b174530abf2c0e588a82bb19d57a0f7c3343024 100644
--- a/chrome/browser/resources/inspect/inspect.css
+++ b/chrome/browser/resources/inspect/inspect.css
@@ -7,7 +7,6 @@ body {
   font-size: 13px;
   margin: 0;
   min-width: 47em;
-  padding: 20px 20px 65px 0;
 }
 
 .hidden {
@@ -29,11 +28,14 @@ img {
 }
 
 #navigation {
+  position: fixed;

[pfeldman, 2015/02/24 15:41:26]

You should instead have a header and a body with overflow.

[robwu, 2015/02/24 21:57:47]

Done.

+  top: 20px;
   width: 150px;
 }
 
 #content {
   -webkit-flex: 1;
+  margin-left: 150px;
 }
 
 #caption {
@@ -70,6 +72,9 @@ img {
   color: #999;
 }
 
+#content > div {
+  padding: 20px 20px 65px 0;
+}
 #content > div:not(.selected) {
   display: none;
 }