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);