[GM3Restyling] Update Dialog and Shortcut Dialog styles

Remove unused styles as a drive-by

Screenshot: https://imgur.com/a/EC1uLNX

Bug: 325442935
Change-Id: I1ffc8339c761277e83a5c96002045bd6201e1665
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6243196
Auto-Submit: Kateryna Prokopenko <[email protected]>
Reviewed-by: Benedikt Meurer <[email protected]>
Commit-Queue: Benedikt Meurer <[email protected]>

Author: Kateryna Prokopenko

front_end/ui/components/dialogs/Dialog.ts

@@ -631,6 +631,7 @@ export class Dialog extends HTMLElement {
               variant: Buttons.Button.Variant.TOOLBAR,
               iconName: 'cross',
               title: i18nString(UIStrings.close),
+              size: Buttons.Button.Size.SMALL,
             } as Buttons.Button.ButtonData}
             jslog=${VisualLogging.close().track({click: true})}
           ></devtools-button>

front_end/ui/components/dialogs/dialog.css

@@ -59,11 +59,16 @@ dialog:focus-visible {
 
   .dialog-header-text {
     font: var(--sys-typescale-body2-medium);
+    padding-top: var(--sys-size-3);
+  }
+
+  devtools-button {
+    margin: 3px;
   }
 }
 
 .dialog-content {
-  padding: 0 0 var(--sys-size-7);
+  padding: 0 var(--sys-size-8) var(--sys-size-7) var(--sys-size-8);
   overflow: hidden;
 }
 

front_end/ui/components/dialogs/shortcutDialog.css

@@ -4,24 +4,12 @@
  * found in the LICENSE file.
  */
 
-.keybinds-category-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0 var(--sys-size-6) var(--sys-size-5) var(--sys-size-8);
-}
-
-.keybinds-category-header-text {
-  font-size: var(--sys-typescale-body3-size);
-  font-weight: var(--ref-typeface-weight-medium);
-}
-
 .keybinds-list {
   display: flex;
   flex-direction: column;
   /* overwrite default`margin` and `padding` for the <ul> element */
   margin: 0;
-  padding: 0 var(--sys-size-8);
+  padding: 0;
 }
 
 .keybinds-list-item {
@@ -46,15 +34,6 @@
   }
 }
 
-.keybinds-list-text {
-  font-size: var(--sys-typescale-body4-size);
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  user-select: none;
-  color: var(--sys-color-on-surface);
-}
-
 .keys-container {
   display: flex;
   gap: var(--sys-size-3);