UX: Improve layout of invite table

UX: Improve layout of invite table

diff --git a/app/assets/javascripts/discourse/templates/user-invited-show.hbs b/app/assets/javascripts/discourse/templates/user-invited-show.hbs
index dcd09ac..f04959e 100644
--- a/app/assets/javascripts/discourse/templates/user-invited-show.hbs
+++ b/app/assets/javascripts/discourse/templates/user-invited-show.hbs
@@ -81,7 +81,7 @@
                 {{else}}
                   <td>{{unbound invite.email}}</td>
                   <td>{{format-date invite.created_at}}</td>
-                  <td colspan='5'>
+                  <td>
                     {{#if invite.expired}}
                       {{i18n 'user.invited.expired'}}
                       &nbsp;&nbsp;&nbsp;&nbsp;
@@ -91,7 +91,8 @@
                     {{else}}
                       {{d-button icon="times" action=(action "rescind") actionParam=invite label="user.invited.rescind"}}
                     {{/if}}
-                    &nbsp;&nbsp;&nbsp;&nbsp;
+                   </td>
+                   <td>
                     {{#if invite.reinvited}}
                       {{i18n 'user.invited.reinvited'}}
                     {{else}}
diff --git a/app/assets/stylesheets/desktop/user.scss b/app/assets/stylesheets/desktop/user.scss
index f04ae56..4e5cdb6 100644
--- a/app/assets/stylesheets/desktop/user.scss
+++ b/app/assets/stylesheets/desktop/user.scss
@@ -115,6 +115,14 @@
 .user-invite-list {
   width: 100%;
   margin-top: 15px;
+  tr {
+    td {
+      padding: .667em;
+    }
+    td:nth-of-type(n+3) {
+      text-align: right;
+    }
+  }
 }
 
 .user-invite-search {

GitHub sha: 84892429

1 Like

This commit has been mentioned on Discourse Meta. There might be relevant details there: