UX: Restructure queued posts to match flags, fix text

UX: Restructure queued posts to match flags, fix text

diff --git a/app/assets/javascripts/discourse/templates/components/reviewable-item.hbs b/app/assets/javascripts/discourse/templates/components/reviewable-item.hbs
index 37737ca..1c0a44d 100644
--- a/app/assets/javascripts/discourse/templates/components/reviewable-item.hbs
+++ b/app/assets/javascripts/discourse/templates/components/reviewable-item.hbs
@@ -5,7 +5,9 @@
     <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}}
     <span class='status'>
       {{#if reviewable.approved}}
         {{d-icon "check"}} {{i18n "review.statuses.approved.title"}}
diff --git a/app/assets/javascripts/discourse/templates/components/reviewable-queued-post.hbs b/app/assets/javascripts/discourse/templates/components/reviewable-queued-post.hbs
index 5cf27df..ba09137 100644
--- a/app/assets/javascripts/discourse/templates/components/reviewable-queued-post.hbs
+++ b/app/assets/javascripts/discourse/templates/components/reviewable-queued-post.hbs
@@ -1,24 +1,29 @@
-{{reviewable-created-by user=reviewable.created_by tagName=''}}
 
-<div class='post-contents'>
-  {{reviewable-created-by-name user=reviewable.created_by tagName=''}}
 
-  {{#reviewable-topic-link reviewable=reviewable}}
-    {{i18n "review.new_topic"}}
+  {{#reviewable-topic-link reviewable=reviewable tagName=''}}
+    <div class="title-text">{{i18n "review.new_topic"}}
     {{reviewable.payload.title}}
+  </div>
+  {{category-badge reviewable.category}}
+    {{#if reviewable.payload.tags}}
+      <div class="list-tags">
+        {{#each reviewable.payload.tags as |t|}}
+          {{discourse-tag t}}
+        {{/each}}
+      </div>
+    {{/if}}
   {{/reviewable-topic-link}}
 
+<div class='post-contents-wrapper'>
+  {{reviewable-created-by user=reviewable.created_by tagName=''}}
+
+<div class='post-contents'>
+  {{reviewable-created-by-name user=reviewable.created_by tagName=''}}
+
   <div class='post-body'>
     {{cook-text reviewable.payload.raw}}
   </div>
 
-  {{#if reviewable.payload.tags}}
-    <div class="list-tags">
-      {{#each reviewable.payload.tags as |t|}}
-        {{discourse-tag t}}
-      {{/each}}
-    </div>
-  {{/if}}
-
   {{yield}}
 </div>
+</div>
diff --git a/app/assets/javascripts/discourse/templates/components/reviewable-topic-link.hbs b/app/assets/javascripts/discourse/templates/components/reviewable-topic-link.hbs
index 12b2aa3..def0e27 100644
--- a/app/assets/javascripts/discourse/templates/components/reviewable-topic-link.hbs
+++ b/app/assets/javascripts/discourse/templates/components/reviewable-topic-link.hbs
@@ -1,7 +1,7 @@
 <div class='post-topic'>
   {{#if reviewable.topic}}
     {{topic-status topic=reviewable.topic}}
-    <a href={{reviewable.topic_url}} class='title'>{{reviewable.topic.title}}</a>
+    <a href={{reviewable.topic_url}} class='title-text'>{{reviewable.topic.title}}</a>
     {{category-badge reviewable.category}}
   {{else if (has-block)}}
     {{yield}}
diff --git a/app/assets/stylesheets/common/base/reviewables.scss b/app/assets/stylesheets/common/base/reviewables.scss
index 34f438a..787293a 100644
--- a/app/assets/stylesheets/common/base/reviewables.scss
+++ b/app/assets/stylesheets/common/base/reviewables.scss
@@ -207,7 +207,7 @@
     border-width: 1px;
     td:first-of-type {
       padding-right: 1em;
-      min-width: 150px;
+      min-width: 180px;
       width: 25%;
     }
     > tr > th {
@@ -264,11 +264,15 @@
     font-weight: bold;
     color: $primary-medium;
     margin-bottom: 0.75em;
-    a {
+    .title-text {
+      color: $primary-high;
       display: block;
       font-size: $font-up-2;
       margin-right: 0.75em;
     }
+    a.title-text {
+      color: $tertiary;
+    }
     .topic-statuses {
       &:empty {
         display: none;

GitHub sha: ba727b28