From 2d64fe3a41a91af7473d005ffa3160f8937d114b Mon Sep 17 00:00:00 2001
From: Mohamed Jinas <j@live.mv>
Date: Mon, 10 Aug 2020 06:17:16 +0500
Subject: [PATCH] UI tweaks

---
 resources/js/components/DiscoverTopics.vue |  3 ++-
 resources/js/components/TodaysPick.vue     | 20 +++++++++++++-------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/resources/js/components/DiscoverTopics.vue b/resources/js/components/DiscoverTopics.vue
index 490fb6e..6e5df01 100644
--- a/resources/js/components/DiscoverTopics.vue
+++ b/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>
diff --git a/resources/js/components/TodaysPick.vue b/resources/js/components/TodaysPick.vue
index 5dffb36..511eb60 100644
--- a/resources/js/components/TodaysPick.vue
+++ b/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") }}