message if 0 results

Author: supalarry

frontend/src/components/app/recommendations/HistoryRecommendations.vue

@@ -50,6 +50,10 @@
         v-for="(recommendation, index) in recommendations" :key="index"
         v-bind:recommendation="recommendation"></RecommendationCard>
     </div>
+    <div class="text-center md:text-left px-4 md:px-0" v-if="!recommendations.length">
+      <h1 style="opacity: 0.085; font-size: 10vh;" class="uppercase leading-none">"Good things</h1>
+      <h1 style="opacity: 0.085; font-size: 10vh;" class="uppercase leading-none">take time"</h1>
+    </div>
   </section>
 </template>
 

frontend/src/views/app/History.vue

@@ -2,7 +2,7 @@
   <!-- eslint-disable max-len -->
   <div class="mx-4 sm:mx-16 lg:mx-32">
     <NavBar v-bind:currentRoute="'History'"></NavBar>
-    <section class="mx-auto">
+    <section class="mx-auto mt-4">
       <div class="flex items-center justify-center md:justify-start w-full mb-4">
         <h1
           class="text-3xl sm:text-5xl my-4 inline-block text-center leading-none onboarding-sub-container-content-heading">