Don’t wrap users onto multiple lines

It looks cleaner to truncate instead. You can always see the full email
address by clicking into ‘edit’.

app/assets/stylesheets/views/users.scss

@@ -11,6 +11,19 @@ $item-top-padding: $gutter-half;
     border-top: 1px solid $border-colour;
     position: relative;
 
+    h3 {
+
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      color: $secondary-text-colour;  // So the ellipsis is grey
+
+      .heading-small {
+        color: $black;
+      }
+
+    }
+
     &:last-child {
       border-bottom: 1px solid $border-colour;
     }

app/templates/views/manage-users.html

@@ -33,7 +33,7 @@
   <div class="user-list">
     {% for user in users %}
       <div class="user-list-item">
-        <h3>
+        <h3 title="{{ user.email_address }}">
           {%- if user.name -%}
             <span class="heading-small">{{ user.name }}</span>&ensp;
           {%- endif -%}