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

chrome/browser/resources/inspect/inspect.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 body {
   color: rgb(48, 57, 66);
   font-size: 13px;
   margin: 0;
   min-width: 47em;
-  padding: 20px 20px 65px 0;
 }
 
 .hidden {
     display: none !important;
 }
 
 img {
   flex-shrink: 0;
   height: 16px;
   padding-left: 2px;
   padding-right: 5px;
   vertical-align: top;
   width: 16px;
 }
 
 #container {
   -webkit-flex-direction: row;
   display: -webkit-flex;
 }
 
 #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 {
   color: rgb(92, 97, 102);
   font-size: 150%;
   padding-bottom: 10px;
   padding-left: 20px;
 }
 
 #serviceworker-internals {
@@ skipping 16 matching lines @@
   font: inherit;
   line-height: 17px;
   margin: 6px 0;
   padding: 0 2px;
 }
 
 .tab-header:not(.selected) > button {
   color: #999;
 }
 
+#content > div {
+  padding: 20px 20px 65px 0;
+}
 #content > div:not(.selected) {
   display: none;
 }
 
 .content-header {
   border-bottom: 1px solid #eee;
   font-size: 150%;
   padding-bottom: 10px;
 }
 
@@ skipping 319 matching lines @@
 }
 
 #port-forwarding-config-buttons {
   align-items: center;
   display: flex;
 }
 
 #port-forwarding-config-buttons > label {
   flex-grow: 1
 }