Fix warning icon position in HeaderSectionRow

Screenshots: https://imgur.com/a/8mCzK2Q

Bug: 1297533
Change-Id: I9f7841b149811489e3be1c038e45697f520b625f
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4106632
Reviewed-by: Danil Somsikov <dsv@chromium.org>
Commit-Queue: Wolfgang Beyer <wolfi@chromium.org>
Auto-Submit: Wolfgang Beyer <wolfi@chromium.org>

front_end/panels/network/components/HeaderSectionRow.css

@@ -100,6 +100,10 @@
   vertical-align: middle;
 }
 
+.row-flex-icon {
+  margin: 4px 5px 0;
+}
+
 .header-value code {
   display: block;
   white-space: pre-wrap;

front_end/panels/network/components/HeaderSectionRow.ts

@@ -242,7 +242,7 @@ export class HeaderSectionRow extends HTMLElement {
       // Disabled until https://crbug.com/1079231 is fixed.
       // clang-format off
       return html`
-        <${IconButton.Icon.Icon.litTagName} class="inline-icon" title=${titleText} .data=${{
+        <${IconButton.Icon.Icon.litTagName} class="row-flex-icon" title=${titleText} .data=${{
             iconName: 'clear-warning_icon',
             width: '12px',
             height: '12px',