From 4b91c115621f7f83e2c7f8fbfe0f05d8cd0da6e3 Mon Sep 17 00:00:00 2001
From: Xevion <xevioni@yandex.com>
Date: Mon, 14 Sep 2020 15:01:52 -0500
Subject: [PATCH] adjust Season image/text columns, make hyperlink carets
 blue/change to scoped scss

---
 client/src/components/Season.vue | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/client/src/components/Season.vue b/client/src/components/Season.vue
index 6ba4747..e675104 100644
--- a/client/src/components/Season.vue
+++ b/client/src/components/Season.vue
@@ -5,8 +5,8 @@
             <b-list-group>
                 <b-list-group-item v-for="episode in season.episodes" :key="episode.episode_id">
                     <b-row align-v="start">
-                        <b-col cols="3">
-                            <b-img src="https://via.placeholder.com/150"></b-img>
+                        <b-col cols="5" md="4" lg="4" xl="3">
+                            <b-img-lazy fluid-grow class="px-2" src="https://via.placeholder.com/250"></b-img-lazy>
                         </b-col>
                         <b-col>
                             <h4>
@@ -25,12 +25,18 @@
     </div>
 </template>
 
-<style lang="css">
-h4 .b-icon {
-    font-size: 0.85rem;
-    vertical-align: middle !important;
-    position: relative;
-    top: 3px;
+<style lang="scss" scoped>
+h4 {
+    .b-icon {
+        font-size: 0.9rem;
+        vertical-align: middle !important;
+        position: relative;
+        top: 3px;
+        color: #007fe0;
+        &:hover {
+            color: darken(#007fe0, 10%);
+        }
+    }
 }
 </style>