commit a6f871b7b3b87d69e66449dfe44a6c0c1edf669f
author Frank Borden <frankborden@google.com> Thu Feb 08 17:11:16 2024 +0100
committer Frank Borden <frankborden@google.com> Thu Feb 08 17:15:33 2024 +0100
tree a5d0de442a4cb938e39a0a81fc07a01dda3fd856
parent 5630618d43b72fec9846fc7e1c2904a71080845e

Prevent pencil wrapping by itself

https://imgur.com/a/t74muD7

This CSS is not supported in safari or firefox yet, but will not
break anything on those browsers.

Google-Bug-Id: b/324017830
Release-Notes: Prevent pencil wrapping by itself in change metadata
Change-Id: I2bb07e49b6cd2534bdf0a00fa854476d70b44a97

polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.ts

diff --git a/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.ts b/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.ts
index 3bc2770..af018c3 100644
--- a/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.ts
+++ b/polygerrit-ui/app/elements/change/gr-reviewer-list/gr-reviewer-list.ts
@@ -93,6 +93,9 @@
           --gr-vote-chip-width: 14px;
           --gr-vote-chip-height: 14px;
         }
+        .reviewersAndControls {
+          text-wrap: pretty;
+        }
       `,
     ];
   }
@@ -103,7 +106,7 @@
       this.reviewers.length - this.displayedReviewers.length;
     return html`
       <div class="container">
-        <div>
+        <div class="reviewersAndControls">
           ${repeat(
             this.displayedReviewers,
             reviewer => accountKey(reviewer),