Style fixes for views

resources/js/components/AvailableSources.vue

@@ -10,17 +10,18 @@
             </div>
 
             <div class="flex flex-wrap justify-center">
-                <div
+                <a
                     v-for="source in sources"
                     :key="source.id"
                     class="flex flex-col items-center shadow hover:shadow-lg mr-5 rounded p-10 mt-3"
+                    :href="'/source/' + source.slug"
                 >
                     <img
                         class="h-16 w-16"
                         :src="source.logo"
                         :alt="source.name"
                     />
-                </div>
+                </a>
             </div>
         </div>
     </div>

resources/js/components/RecentStories.vue

@@ -52,7 +52,7 @@
                         </div>
 
                         <div
-                            class="h-48 lg:w-48 flex-none bg-cover text-center overflow-hidden mt-3 opacity-75 rounded-lg object-right"
+                            class="h-48 lg:w-48 flex-none bg-cover text-center overflow-hidden rounded object-right dark-img"
                             :style="{
                                 'background-image':
                                     'url(' + story.featured_image + ')'
@@ -88,3 +88,9 @@ export default {
     }
 };
 </script>
+
+<style>
+.dark-img {
+    filter: brightness(90%);
+}
+</style>