improve list item for jobs/ask

src/components/Item.vue

 <template>
   <li class="news-item">
     <span class="score">{{ item.score }}</span>
+    <span class="title">
       <template v-if="item.url">
         <a :href="item.url" target="_blank">{{ item.title }}</a>
         <span>({{ item.url | host }})</span>
@@ -8,15 +9,19 @@
       <template v-else>
         <router-link :to="'/item/' + item.id">{{ item.title }}</router-link>
       </template>
+    </span>
     <br>
-    by
-    <router-link :to="'/user/' + item.by">
-      {{ item.by }}
-    </router-link>
-    {{ item.time | timeAgo }} ago |
-    <router-link :to="'/item/' + item.id">
-      {{ item.descendants }} comments
-    </router-link>
+    <span class="meta">
+      <span v-if="item.type !== 'job'" class="by">
+        by <router-link :to="'/user/' + item.by">{{ item.by }}</router-link>
+      </span>
+      <span class="time">
+        {{ item.time | timeAgo }} ago
+      </span>
+      <span v-if="item.type !== 'job'" class="comments-link">
+        | <router-link :to="'/item/' + item.id">{{ item.descendants }} comments</router-link>
+      </span>
+    </span>
   </li>
 </template>
 

src/views/ItemView.vue

@@ -12,7 +12,7 @@
         | {{ item.descendants }} comments
       </p>
     </div>
-    <ul class="item-view-comments">
+    <ul v-if="item.kids" class="item-view-comments">
       <comment v-for="id in item.kids" :id="id"></comment>
     </ul>
   </div>