Add whitespace to "Start new Chat" button to prevent overlap of focus ring

Fixed: 380812086
Change-Id: I03f4a546c2b236f9ea2af0d05042200653301513
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6049955
Commit-Queue: Wolfgang Beyer <[email protected]>
Auto-Submit: Wolfgang Beyer <[email protected]>
Commit-Queue: Kateryna Prokopenko <[email protected]>
Reviewed-by: Kateryna Prokopenko <[email protected]>

Author: wolfib

front_end/panels/freestyler/components/FreestylerChatUi.ts

@@ -1032,6 +1032,7 @@ export class FreestylerChatUi extends HTMLElement {
       <span>${lockedString(UIStringsNotTranslate.pastConversation)}</span>
       <devtools-button
         aria-label=${lockedString(UIStringsNotTranslate.startNewChat)}
+        class="chat-inline-button"
         @click=${this.#onNewConversation}
         .data=${{
           variant: Buttons.Button.Variant.TEXT,

front_end/panels/freestyler/components/freestylerChatUi.css

@@ -150,6 +150,10 @@
   padding-right: var(--sys-size-3);
 }
 
+.chat-inline-button {
+  padding-left: 3px;
+}
+
 .chat-cancel-context-button {
   padding-bottom: 3px;
   padding-right: var(--sys-size-3);