From 315bb1af1cf69491c876d543a39fdee2701bb8d9 Mon Sep 17 00:00:00 2001
From: farhatahmad <35435341+farhatahmad@users.noreply.github.com>
Date: Mon, 8 Jul 2019 09:12:46 -0400
Subject: [PATCH] Added a max-width to the email column in the manage users
 table (#611)

---
 app/assets/stylesheets/admins.scss              | 4 ++++
 app/views/shared/admin_settings/_users.html.erb | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/admins.scss b/app/assets/stylesheets/admins.scss
index 56dbb86f..0a5542ff 100644
--- a/app/assets/stylesheets/admins.scss
+++ b/app/assets/stylesheets/admins.scss
@@ -18,6 +18,10 @@
   .user-role {
     color: white !important;
   }
+
+  .user-email {
+    max-width: 250px;
+  }
 }
 
 #clear-search {
diff --git a/app/views/shared/admin_settings/_users.html.erb b/app/views/shared/admin_settings/_users.html.erb
index f0ce668c..df8422fa 100644
--- a/app/views/shared/admin_settings/_users.html.erb
+++ b/app/views/shared/admin_settings/_users.html.erb
@@ -21,7 +21,7 @@
   <div class="row">
     <div class="col-12">
       <div class="table-responsive">
-        <table class="table table-hover table-outline table-vcenter text-nowrap card-table">
+        <table class="table table-hover table-outline table-vcenter card-table">
           <thead>
             <tr>
               <th data-header="name" data-order="<%= @order_column == "name" ? @order_direction : "none" %>">
@@ -69,7 +69,7 @@
                       <div><%= user.name %></div>
                       <div class="small text-muted"><%= [t("administrator.users.table.created"), ": ", user.created_at].join %></div>
                     </td>
-                    <td><%= user.email && user.email != "" ? user.email : user.username%></td>
+                    <td class="user-email"><%= user.email && user.email != "" ? user.email : user.username%></td>
                     <td><%= user.provider %></td>
                     <td class="text-center">
                       <% roles = user.roles().pluck(:name) %>