Merge pull request #1704 from ErisDS/featured-star

Markup & style fixes for post list statuses

ghost/admin/assets/sass/layouts/manage.scss

@@ -95,14 +95,22 @@
             }
         }
 
-        .featured .date {
+        .featured .status {
             @include icon($i-featured, 11px) {
-                margin-right:12px;
-                vertical-align: 0;
+                margin-right: 10px;
+                vertical-align: 7%;
             };
         }
 
-        ol {
+        .status .draft {
+            color: $red;
+        }
+        .status .scheduled {
+            color: $orange;
+        }
+
+
+      ol {
             list-style: none;
             padding:0;
             margin:0;

ghost/admin/assets/sass/modules/global.scss

@@ -1677,12 +1677,4 @@ main {
         background:$orange;
     }
 
-}
-
-.status-draft {
-    color: $red;
-}
-.status-scheduled {
-    color: $orange;
-}
-
+}

ghost/admin/tpl/list-item.hbs

@@ -1,16 +1,18 @@
 <a class="permalink{{#if featured}} featured{{/if}}{{#if page}} page{{/if}}" href="#" title="Edit this post">
     <h3 class="entry-title">{{{title}}}</h3>
     <section class="entry-meta">
+        <span class="status">
         {{#if published}}
             {{#if page}}
                     <span class="page">Page</span>
             {{else}}
-                <time datetime="{{date published_at format="YYYY-MM-DD hh:mm"}}" class="date">
+                <time datetime="{{date published_at format="YYYY-MM-DD hh:mm"}}" class="date published">
                     Published {{date published_at timeago="True"}}
                 </time>
             {{/if}}
         {{else}}
-            <span class="status-draft">Draft</span>
+            <span class="draft">Draft</span>
         {{/if}}
+        </span>
     </section>
 </a>

ghost/admin/views/blog.js

@@ -138,7 +138,7 @@
 
         initialize: function () {
             this.listenTo(Backbone, 'blog:activeItem', this.checkActive);
-            this.listenTo(this.model, 'change:page', this.render);
+            this.listenTo(this.model, 'change:page change:featured', this.render);
             this.listenTo(this.model, 'destroy', this.removeItem);
         },