Merge pull request #4818 from matrix-org/travis/room-list/user-menu-polish

Update profile information in User Menu and truncate where needed

res/css/structures/_LeftPanel2.scss

@@ -65,6 +65,10 @@ $tagPanelWidth: 70px; // only applies in this file, used for calculations
             .mx_LeftPanel2_userAvatarContainer {
                 position: relative; // to make default avatars work
                 margin-right: 8px;
+
+                .mx_LeftPanel2_userAvatar {
+                    border-radius: 32px; // should match avatar size
+                }
             }
 
             .mx_LeftPanel2_userName {
@@ -72,6 +76,11 @@ $tagPanelWidth: 70px; // only applies in this file, used for calculations
                 font-size: $font-15px;
                 line-height: $font-20px;
                 flex: 1;
+
+                // Ellipsize any text overflow
+                text-overflow: ellipsis;
+                overflow: hidden;
+                white-space: nowrap;
             }
 
             .mx_LeftPanel2_headerButtons {

res/css/structures/_UserMenuButton.scss

@@ -35,9 +35,6 @@ limitations under the License.
             // Create another flexbox of columns to handle large user IDs
             display: flex;
             flex-direction: column;
-
-            // fit the container
-            flex: 1;
             width: calc(100% - 40px); // 40px = 32px theme button + 8px margin to theme button
 
             * {