UX: grant names some more space on /u (#25576)

app/assets/javascripts/discourse/app/components/directory-table.js

@@ -13,7 +13,7 @@ export default Component.extend({
         : this.columns.length,
     });
 
-    this._table.style.gridTemplateColumns = `minmax(13em, 3fr) repeat(${this._columnCount}, minmax(max-content, 1fr))`;
+    this._table.style.gridTemplateColumns = `minmax(15em, 3fr) repeat(${this._columnCount}, minmax(max-content, 1fr))`;
   },
 
   @action

app/assets/stylesheets/common/components/user-info.scss

@@ -17,11 +17,13 @@
     .name-line {
       > a {
         display: flex;
-        gap: 0.5em;
+        flex-wrap: wrap;
+        gap: 0 0.5em;
         color: var(--primary-high);
       }
       .name,
       .username {
+        width: 100%;
         @include ellipsis;
       }
 
@@ -39,6 +41,7 @@
 
     .title {
       color: var(--primary-medium);
+      @include ellipsis;
     }
   }