Merge pull request #1271 from pixelfed/frontend-ui-refactor

Frontend ui refactor

public/mix-manifest.json

@@ -11,5 +11,5 @@
     "/js/profile.js": "/js/profile.js?id=6386a007bdb1796dcc80",
     "/js/search.js": "/js/search.js?id=0d3d080dc05f4f49b204",
     "/js/status.js": "/js/status.js?id=a95243f92346f1724a35",
-    "/js/timeline.js": "/js/timeline.js?id=886a37b7797334038852"
+    "/js/timeline.js": "/js/timeline.js?id=ba77f07b34e8ac999e39"
 }

resources/assets/js/components/Timeline.vue

@@ -9,7 +9,7 @@
 					</div>
 				</div>
 				<div :data-status-id="status.id" v-for="(status, index) in feed" :key="`${index}-${status.id}`">
-					<div v-if="index == 2 && showSuggestions == true" class="card mb-sm-4 status-card card-md-rounded-0">
+					<div v-if="index == 2 && showSuggestions == true && suggestions.length" class="card mb-sm-4 status-card card-md-rounded-0">
 						<div class="card-header d-flex align-items-center justify-content-between bg-white border-0 pb-0">
 							<h6 class="text-muted font-weight-bold mb-0">Suggestions For You</h6>
 							<span class="cursor-pointer text-muted" v-on:click="hideSuggestions"><i class="fas fa-times"></i></span>