UX: more consistent user control button width (#12553)

UX: more consistent user control button width (#12553)

diff --git a/app/assets/stylesheets/desktop/user.scss b/app/assets/stylesheets/desktop/user.scss
index 7e21774..73958fe 100644
--- a/app/assets/stylesheets/desktop/user.scss
+++ b/app/assets/stylesheets/desktop/user.scss
@@ -180,9 +180,29 @@ table.user-invite-list {
       padding: 0 0 12px 0;
       float: right;
       text-align: right;
+      max-width: 13.5em;
+      overflow: hidden;
 
+      li > div, // select-kit
       .btn {
-        min-width: 140px;
+        min-width: 9.5em;
+        width: 100%;
+        overflow: hidden;
+      }
+
+      li > div {
+        .name {
+          @include ellipsis;
+        }
+      }
+
+      .d-button-label {
+        @include ellipsis;
+      }
+
+      .selected-name {
+        // select-kit
+        overflow: hidden;
       }
     }
 
@@ -192,6 +212,7 @@ table.user-invite-list {
       }
       .controls {
         width: auto;
+        max-width: unset;
 
         > ul {
           display: inline-flex;

GitHub sha: 44587cc4

This commit appears in #12553 which was approved by CvX and ZogStriP. It was merged by awesomerobot.