UI tweaks

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") }}