From 3ba5c88c35a8cc1931c19632215c8d41da2df13c Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Mon, 28 Jun 2021 23:18:28 -0600
Subject: [PATCH] Update Timeline, fix suggested posts

---
 resources/assets/js/components/Timeline.vue            | 4 ++--
 resources/assets/js/components/partials/StatusCard.vue | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/resources/assets/js/components/Timeline.vue b/resources/assets/js/components/Timeline.vue
index e1970e899..fd192fb4c 100644
--- a/resources/assets/js/components/Timeline.vue
+++ b/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>
diff --git a/resources/assets/js/components/partials/StatusCard.vue b/resources/assets/js/components/partials/StatusCard.vue
index 8d8a8d2a0..e920d4a37 100644
--- a/resources/assets/js/components/partials/StatusCard.vue
+++ b/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>