From a34479be6e830ec72c52ef221879af810cf20afa Mon Sep 17 00:00:00 2001 From: Wolfgang Beyer Date: Wed, 14 Dec 2022 16:15:12 +0000 Subject: [PATCH] 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 Commit-Queue: Wolfgang Beyer Auto-Submit: Wolfgang Beyer --- front_end/panels/network/components/HeaderSectionRow.css | 4 ++++ front_end/panels/network/components/HeaderSectionRow.ts | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/front_end/panels/network/components/HeaderSectionRow.css b/front_end/panels/network/components/HeaderSectionRow.css index 3049fc4711..2c567c71d8 100644 --- a/front_end/panels/network/components/HeaderSectionRow.css +++ b/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; diff --git a/front_end/panels/network/components/HeaderSectionRow.ts b/front_end/panels/network/components/HeaderSectionRow.ts index 71601d9c76..9aa15f6b1e 100644 --- a/front_end/panels/network/components/HeaderSectionRow.ts +++ b/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',