Fix alignment of checkboxes in chrome://extensions

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 42 matching lines @@
 
 #dev-controls .button-container button:not(:last-of-type) {
   -webkit-margin-end: 5px;
 }
 
 #dev-controls-spacer {
   flex: 1;
 }
 
 #dev-toggle {
-  margin-top: 0;
-  text-align: end;
+  /* Alignment should match the enable checkbox text. This is calculated as
+   * 30px to match the trash icon + 12px to match .extension-list-item-wrapper
+   * padding - 1px of magic. */
+  -webkit-margin-end: 41px;
 }
 
 .extension-code {
   border: 1px solid #ccc;
   display: flex;
   font-family: monospace;
   overflow: auto;
   white-space: pre;
 }
 
@@ skipping 345 matching lines @@
 }
 
 .sideload-wipeout-banner .page-banner-text {
   -webkit-padding-start: 8px;
   background-image: none;
 }
 
 .extension-highlight {
   background-color: rgba(0, 0, 0, .05);
 }