Extensions: cover content with header on small monitors

chrome/browser/resources/extensions/extensions.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. */
 
 html.loading * {
   transition-duration: 0ms !important;
 }
 
 html:not(.focus-outline-visible)
 :enabled:focus:-webkit-any(input[type='checkbox'], input[type='radio']) {
@@ skipping 80 matching lines @@
 .extension-details > .developer-extras > div,
 .extension-details > .permanent-warnings > div {
   margin: 5px 0;
 }
 
 .dependent-extensions-message,
 .suspicious-install-message {
   line-height: 150%;
 }
 
+#page-header {
+  -webkit-padding-start: 23px;
+  left: 0;
+}
+
+[dir='rtl'] #page-header {
+  left: auto;
+  right: 0;
+}
+
 #page-header > .page-banner > .page-banner-gradient {
   -webkit-margin-end: 0;
 }
 
 #header-controls {
   /* Reserve enough space to match .location-text + .trash */
   min-width: 130px;
   right: 16px;
 }
 
@@ skipping 314 matching lines @@
 }
 
 .sideload-wipeout-banner .page-banner-text {
   -webkit-padding-start: 8px;
   background-image: none;
 }
 
 .extension-highlight {
   background-color: rgba(0, 0, 0, .05);
 }