improve list item for jobs/ask

src/components/Item.vue

 <template>
   <li class="news-item">
     <span class="score">{{ item.score }}</span>
-    <template v-if="item.url">
-      <a :href="item.url" target="_blank">{{ item.title }}</a>
-      <span>({{ item.url | host }})</span>
-    </template>
-    <template v-else>
-      <router-link :to="'/item/' + item.id">{{ item.title }}</router-link>
-    </template>
+    <span class="title">
+      <template v-if="item.url">
+        <a :href="item.url" target="_blank">{{ item.title }}</a>
+        <span>({{ item.url | host }})</span>
+      </template>
+      <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>