show ellipsis for long user name and screen name

src/components/basic_user_card/basic_user_card.vue

@@ -44,15 +44,16 @@
       width: 16px;
       vertical-align: middle;
     }
+  }
 
-    &-value {
+  &-user-name-value,
+  &-screen-name {
     display: inline-block;
     max-width: 100%;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
   }
-  }
 
   &-expanded-content {
     flex: 1;

src/components/selectable_list/selectable_list.vue

@@ -31,6 +31,10 @@
   &-item-inner {
     display: flex;
     align-items: center;
+
+    & > * {
+      min-width: 0;
+    }
   }
 
   &-item-selected-inner {