UI tweaks

resources/js/components/DiscoverTopics.vue

@@ -11,7 +11,8 @@
                 v-for="topic in topics"
                 :key="topic.id"
                 href="#"
-                class="text-sm font-medium border border-gray-700 py-1 px-3 rounded-full text-grey-500 mr-2 mt-2 mb-4 hover:bg-green-100"
+                class="text-sm font-medium border border-gray-700 py-1 px-3 rounded-full mr-2 mt-2 mb-4 hover:bg-green-100 MvTyper"
+                style="color:#4A5568;"
                 v-text="topic.name"
             ></a>
         </div>

resources/js/components/TodaysPick.vue

@@ -78,14 +78,8 @@
                         class="rounded-md object-cover w-full h-3/4"
                     />
                 </a>
-                <div>
-                    <span
-                        class="flex justify-end text-green-700 text-md font-normal MvTyper"
-                        v-text="article.source.name"
-                    ></span>
-
+                
                    
-                </div>
 
                 <a href="#">
                     <h1
@@ -96,6 +90,18 @@
                     </h1>
                 </a>
 
+                 <div class="flex justify-end items-center">
+
+                <img :src="article.source.logo"
+                  class="h-10 w-10 rounded-full mr-2 object-cover" />
+
+                <div>
+                  <p class="font-semibold text-gray-700 text-sm capitalize MvTyper" v-text="article.source.name"></p>
+ 
+                </div>
+
+                </div>
+
                  <div class="text-gray-600 text-md mt-4 flex justify-end items-center mb-3">
                       <p class="text-gray-600 text-right">
                     {{ article.published_date | moment("calendar") }}