Use line clamp to restrict to 5 lines & move the remove button to the same height as the org name

assets/organisations/css/organisations.css

@@ -21,11 +21,10 @@
 }
 
 .user-organisation-description {
-	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 5;
 	overflow: hidden;
-	width: 100%;
-	display: inline-block;
-	white-space: nowrap;
 	margin-top: 0.5em;
 }
 

templates/pages/user.html.twig

@@ -76,7 +76,7 @@
                         <small class="user-organisation-description">{{organisation.description}}</small>
                     </div>
                     {% if hasRole('site-admin') or hasRole('organisations-admin') -%}
-                    <div class="col-xs-3">
+                    <div class="col-xs-3" style="margin-top: -5px;">
                         <button type="button" data-slug="{{organisation.slug}}" data-user_name="{{user.user_name}}" class="btn btn-danger js-member-remove margin-r-5" style="min-width: 70px">{{translate("REMOVE")}}</button>
                     </div>
                     {% endif -%}
@@ -91,7 +91,7 @@
                         <small class="user-organisation-description">{{organisation.description}}</small>
                     </div>
                     {% if hasRole('site-admin') or hasRole('organisations-admin') -%}
-                    <div class="col-xs-3">
+                    <div class="col-xs-3" style="margin-top: -5px;">
                         <button type="button" data-slug="{{organisation.slug}}" data-user_name="{{user.user_name}}" class="btn btn-danger js-member-remove margin-r-5" style="min-width: 70px">{{translate("REMOVE")}}</button>
                     </div>
                     {% endif -%}