Prevent usercard badge section from overflowing

2019-02-06 22:39:10 -05:00 · 2019-02-06 22:39:10 -05:00 · 1cacfddda4
parent 984f1d96b0
commit 1cacfddda4
1 changed files with 5 additions and 4 deletions
--- a/app/assets/stylesheets/desktop/user-card.scss
+++ b/app/assets/stylesheets/desktop/user-card.scss
@ -287,14 +287,15 @@ $user_card_background: $secondary;
    align-items: flex-start;
    padding-bottom: 10px;
    margin-top: 5px;
-
+    span {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 185px;
+    }
    .user-badge {
      display: flex;
      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
      margin-right: 0.5em;
-      max-width: 150px;
      background: $primary-very-low;
      border: 1px solid $primary-low;
      color: $user_card_primary;