UX: Reviewables fixes

app/assets/javascripts/discourse/templates/components/reviewable-item.hbs

@@ -2,9 +2,6 @@
   <div class='reviewable-meta-data'>
     <span class='reviewable-type'>{{reviewable.humanType}}</span>
     <span class='badge-notification new-posts score' title={{i18n "review.scores.score"}}>{{format-score reviewable.score}}</span>
-    <span class='created-at'>
-      {{#link-to 'review.show' reviewable.id}}{{age-with-tooltip reviewable.created_at}}{{/link-to}}
-    </span>
     {{#if reviewable.topic}}
     <span class='reply-count'>{{i18n "review.topic_replies" count=reviewable.topic.reply_count}}</span>
     {{/if}}
@@ -17,6 +14,9 @@
         {{d-icon "external-link-alt"}} {{i18n "review.statuses.ignored.title"}}
       {{/if}}
     </span>
+    <span class='created-at'>
+      {{#link-to 'review.show' reviewable.id}}{{age-with-tooltip reviewable.created_at}}{{/link-to}}
+    </span>
   </div>
 
   <div class='reviewable-contents'>

app/assets/javascripts/discourse/templates/components/reviewable-topic-link.hbs

@@ -6,6 +6,6 @@
   {{else if (has-block)}}
     {{yield}}
   {{else}}
-    {{i18n "topic.deleted"}}
+    <span class="title-text">{{i18n "topic.deleted"}}</span>
   {{/if}}
 </div>

app/assets/stylesheets/common/base/reviewables.scss

@@ -7,6 +7,8 @@
     .reviewable-list {
       flex: 1;
       box-sizing: border-box;
+      max-width: 760px; // Match topic post width
+      margin-right: auto;
     }
 
     .reviewable-filters {
@@ -117,7 +119,8 @@
   border-bottom: 1px solid dark-light-choose($primary-low, $secondary-low);
 
   .topic-statuses {
-    float: none;
+    font-size: $font-up-2;
+    line-height: $line-height-medium;
   }
 
   .reviewable-meta-data {
@@ -131,10 +134,10 @@
       margin-right: 0.25em;
     }
     .created-at {
+      margin-left: auto;
       a {
         color: dark-light-choose($primary-medium, $secondary-medium);
       }
-      margin-right: 1em;
     }
     .score {
       margin-right: 1em;
@@ -182,7 +185,6 @@
 .reviewable-scores,
 .reviewable-histories {
   min-width: 50%;
-  width: 100%;
 
   .user {
     display: flex;
@@ -207,8 +209,6 @@
     border-width: 1px;
     td:first-of-type {
       padding-right: 1em;
-      min-width: 180px;
-      width: 25%;
     }
     > tr > th {
       text-align: left;
@@ -270,9 +270,6 @@
       font-size: $font-up-2;
       margin-right: 0.75em;
     }
-    a.title-text {
-      color: $tertiary;
-    }
     .topic-statuses {
       &:empty {
         display: none;
@@ -281,6 +278,7 @@
     .reply-count {
       font-size: $font-down-1;
       font-weight: normal;
+      margin-right: 1em;
     }
   }
 }