[application] Fix focus ring for Preloading pretty-print button.

Fixed: 372831350
Bug: 40279147
Change-Id: I8008e60069b4d93ba414a24bc32ae0fdc1b09bb5
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5941023
Commit-Queue: Benedikt Meurer <[email protected]>
Reviewed-by: Wolfgang Beyer <[email protected]>
Auto-Submit: Benedikt Meurer <[email protected]>
Commit-Queue: Wolfgang Beyer <[email protected]>

Author: bmeurer

front_end/panels/application/preloading/PreloadingView.ts

@@ -226,6 +226,7 @@ export class PreloadingRuleSetView extends UI.Widget.VBox {
       this.updateRuleSetDetails();
     };
 
+    // clang-format off
     LitHtml.render(
         html`
         <devtools-split-view .horizontal=${true} style="--min-sidebar-size: max(100vh-200px, 0px)">
@@ -245,13 +246,12 @@ export class PreloadingRuleSetView extends UI.Widget.VBox {
           .toggleType=${Buttons.Button.ToggleType.PRIMARY}
           .title=${i18nString(UIStrings.prettyPrint)}
           .variant=${Buttons.Button.Variant.ICON_TOGGLE}
-          .size=${Buttons.Button.Size.SMALL}
+          .size=${Buttons.Button.Size.REGULAR}
           @click=${onPrettyPrintToggle}
-          jslog=${VisualLogging.action().track({click: true}).context('preloading-status-panel-pretty-print')}>
-        </devtools-button>
-        </div>
-        `,
+          jslog=${VisualLogging.action().track({click: true}).context('preloading-status-panel-pretty-print')}></devtools-button>
+        </div>`,
         this.contentElement, {host: this});
+    // clang-format on
     this.hsplit = this.contentElement.querySelector('devtools-split-view') as SplitView.SplitView.SplitView;
   }