Improve layout of text and action button in gr-alert Use flexbox to align the alert text and action button vertically in the center and prevent the button from shrinking. NOTE - this change is AI generated. Please review carefully. Google-Bug-Id: b/474115799 Release-Notes: skip Change-Id: Iab2c76560a2d3cc3267846f982177424b0ff2590
diff --git a/polygerrit-ui/app/elements/shared/gr-alert/gr-alert.ts b/polygerrit-ui/app/elements/shared/gr-alert/gr-alert.ts index 7059228..9b1baad 100644 --- a/polygerrit-ui/app/elements/shared/gr-alert/gr-alert.ts +++ b/polygerrit-ui/app/elements/shared/gr-alert/gr-alert.ts
@@ -52,16 +52,17 @@ */ .content-wrapper { padding: var(--spacing-l) var(--spacing-xl); + display: flex; + align-items: center; } .text { color: var(--tooltip-text-color); - display: inline-block; max-height: 10rem; max-width: 80vw; - vertical-align: bottom; word-break: break-all; } gr-button.action { + flex-shrink: 0; --text-color: var(--tooltip-button-text-color); --gr-button-padding: 0 var(--spacing-s); margin-left: var(--spacing-l);