From 2c3de34b2241fddd910418c61d920226cbee7f9a Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sat, 5 Mar 2022 20:41:23 +0100
Subject: [PATCH] Updated tagline to italics & 80% alpha

---
 src/components/Movie.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Movie.vue b/src/components/Movie.vue
index 5c62a47..a045105 100644
--- a/src/components/Movie.vue
+++ b/src/components/Movie.vue
@@ -16,7 +16,7 @@
 
       <div v-if="movie" class="movie__title">
         <h1>{{ movie.title || movie.name }}</h1>
-        <p class="meta">{{ movie.tagline }}</p>
+        <i>{{ movie.tagline }}</i>
       </div>
       <loading-placeholder v-else :count="2" />
     </header>
@@ -466,8 +466,10 @@ header {
       }
     }
 
-    p {
-      color: var(--text-color-90);
+    i {
+      display: block;
+      color: rgba(255, 255, 255, 0.8);
+      margin-top: 1rem;
     }
   }