[DevTools] Add margin to Background Service inline button.

On really small panels the button is covering part of the text. This CL
just adds some padding to avoid that from happening.

Bug: 990762
Change-Id: I52b292a8950ae01741cf3fa98b3ce1a9d40fa7a9
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1736681
Commit-Queue: Rayan Kanso <[email protected]>
Reviewed-by: Joel Einbinder <[email protected]>
Cr-Original-Commit-Position: refs/heads/master@{#685966}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: 2aeeb644fd1ae34d6df21f6c36d0f53f22993cfb
diff --git a/front_end/resources/BackgroundServiceView.js b/front_end/resources/BackgroundServiceView.js
index 6d26a14..d64cfe4 100644
--- a/front_end/resources/BackgroundServiceView.js
+++ b/front_end/resources/BackgroundServiceView.js
@@ -303,9 +303,10 @@
       recordKey.textContent =
           UI.shortcutRegistry.shortcutDescriptorsForAction('background-service.toggle-recording')[0].name;
 
-      centered.createChild('p').appendChild(UI.formatLocalized(
-          'Click the record button %s or hit %s to start recording.',
-          [UI.createInlineButton(landingRecordButton), recordKey]));
+      const inlineButton = UI.createInlineButton(landingRecordButton);
+      inlineButton.classList.add('background-service-record-inline-button');
+      centered.createChild('p').appendChild(
+          UI.formatLocalized('Click the record button %s or hit %s to start recording.', [inlineButton, recordKey]));
     }
 
     this._preview.show(this._previewPanel.contentElement);