Update Timeline, fix suggested posts

resources/assets/js/components/Timeline.vue

@@ -181,7 +181,7 @@
 						</div>
 
 						<div v-if="!loading && scope == 'home' && recentFeed && discover_feed.length" class="pt-3">
-							<p class="h5 font-weight-bold pt-3 mb-0 d-flex justify-content-between align-items-center">
+							<p class="h5 font-weight-bold py-3 d-flex justify-content-between align-items-center">
 								<span>Suggested Posts</span>
 								<a href="/?a=vop" class="small font-weight-bold">Older Posts</a>
 							</p>
@@ -272,7 +272,7 @@
 								</div>
 							</div>
 
-							<status :status="status" :recommended="true" />
+							<status-card :status="status" :recommended="true" />
 						</div>
 					</div>
 				</div>

resources/assets/js/components/partials/StatusCard.vue

@@ -107,14 +107,14 @@
 					</p>
 				</div>
 				<div class="timestamp mt-2">
-					<p class="small text-uppercase mb-0">
-						<a :href="statusUrl(status)" class="text-muted">
+					<p class="small mb-0">
+						<a :href="statusUrl(status)" class="text-muted text-uppercase">
 							<timeago :datetime="status.created_at" :auto-update="60" :converter-options="{includeSeconds:true}" :title="timestampFormat(status.created_at)" v-b-tooltip.hover.bottom></timeago>
 						</a>
-						<div v-if="recommended">
+						<span v-if="recommended">
 							<span class="px-1">&middot;</span>
 							<span class="text-muted">Based on popular and trending content</span>
-						</div>
+						</span>
 					</p>
 				</div>
 			</div>