[RPP] Remove font-display column from insight

Also fix `.timeline-link` centering text when placed in a button.

Bug: 352244504
Change-Id: Ib9cb09506eab78f4a5e358466312b01e5ad19c3e
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6221820
Reviewed-by: Paul Irish <[email protected]>
Commit-Queue: Connor Clark <[email protected]>

Author: Connor Clark

front_end/panels/timeline/components/insights/FontDisplay.ts

@@ -65,12 +65,11 @@ export class FontDisplay extends BaseInsightComponent<FontDisplayInsightModel> {
         ${html`<devtools-performance-table
           .data=${{
             insight: this,
-            headers: [i18nString(UIStrings.fontColumn), 'font-display', i18nString(UIStrings.wastedTimeColumn)],
+            headers: [i18nString(UIStrings.fontColumn), i18nString(UIStrings.wastedTimeColumn)],
             rows: this.model.fonts.map(font => ({
               values: [
                 // TODO(crbug.com/369422196): the font name would be nicer here.
                 eventRef(font.request),
-                font.display,
                 i18n.TimeUtilities.millisToString(font.wastedTime),
               ],
               overlays: [this.#overlayForRequest.get(font.request)],

front_end/panels/timeline/components/insights/baseInsightComponent.css

@@ -205,6 +205,7 @@ ul.insight-icon-results {
   border: none;
   padding: 0;
   font: inherit;
+  text-align: left;
 }
 
 .timeline-link.invalid-link {

front_end/panels/timeline/components/layoutShiftDetails.css

@@ -58,6 +58,7 @@
   border: none;
   padding: 0;
   font: inherit;
+  text-align: left;
 }
 
 .timeline-link.invalid-link {