commit 187fb5a269f7b7cec8bcd8be4a3c0abfcbfd6928
author Dmitrii Filippov <dmfilippov@google.com> Tue Feb 23 17:30:26 2021 +0100
committer Dmitrii Filippov <dmfilippov@google.com> Tue Feb 23 18:27:46 2021 +0100
tree 97fe6ebeb1f8285bb7e3bba3d90ffbd9a03a6074
parent 41a674d7f188a8e66316d1f6ce9f7e74adf41169

Chip account should be 100px to prevent overflow over another line

Change-Id: I4abb6e88b69c97d0dfa3e5905f731a3c1754b3da

ui/suggest-owners.js

diff --git a/ui/suggest-owners.js b/ui/suggest-owners.js
index 0212224..5267d57 100644
--- a/ui/suggest-owners.js
+++ b/ui/suggest-owners.js
@@ -183,7 +183,10 @@
           user-select: none;
           border: 1px solid transparent;
           --label-border-radius: 8px;
-          --account-max-length: 100px;
+          /* account-max-length defines the max text width inside account-label.
+           With 60px the gr-account-label always has width <= 100px and 5 labels
+           are always fit in a single row */
+          --account-max-length: 60px;
           border: 1px solid var(--border-color);
         }
         gr-account-label:focus {