Fix focus not being centered for inline buttons

Bug: chromium:1075871
Screenshot: https://imgur.com/UkntJIw
Change-Id: Ifae3f73d44bd29228c1e5cde271d2e8dfc0e837f
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2170226
Commit-Queue: Jan Scheffler <[email protected]>
Reviewed-by: Jan Scheffler <[email protected]>
Auto-Submit: Ankit Mishra <[email protected]>
diff --git a/front_end/ui/inlineButton.css b/front_end/ui/inlineButton.css
index d6d6c51..eafa1c9 100644
--- a/front_end/ui/inlineButton.css
+++ b/front_end/ui/inlineButton.css
@@ -5,17 +5,12 @@
  */
 
 :host {
-  display: inline-block;
+  display: inline-flex;
   border: 1px solid #ddd;
   position: relative;
   top: 7px;
   margin: 2px;
   background-color: var(--toolbar-bg-color);
-}
-
-:host > * {
-  position: relative;
-  left: -2px;
+  justify-content: center;
   width: 28px;
-  height: 26px;
-}
\ No newline at end of file
+}