From c92fbbe8b83c1a4fe2a856aeb41ba3c85811aa7f Mon Sep 17 00:00:00 2001
From: montylion <hey@montylion.dev>
Date: Wed, 14 Jul 2021 11:18:07 +0200
Subject: [PATCH] Update movie release date indicator

---
 src/components/MovieRow.css | 6 ++++++
 src/components/MovieRow.js  | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/MovieRow.css b/src/components/MovieRow.css
index 2be6c016..45986130 100644
--- a/src/components/MovieRow.css
+++ b/src/components/MovieRow.css
@@ -17,7 +17,13 @@
 .movieRow .left {
     flex: 1;
     display: flex;
+    flex-flow: row wrap;
     align-items: flex-start;
+    margin-right: 0.5rem;
+}
+
+.movieRow .left .year {
+    color: #BCBECB;
 }
 
 .movieRow .watch {
diff --git a/src/components/MovieRow.js b/src/components/MovieRow.js
index b1958fe0..a3ae80bd 100644
--- a/src/components/MovieRow.js
+++ b/src/components/MovieRow.js
@@ -8,10 +8,10 @@ export function MovieRow(props) {
     return (
         <div className="movieRow" onClick={() => props.onClick && props.onClick()}>
             <div className="left">
-                {props.title}
+                {props.title}&nbsp;
+                <span className="year">({props.year})</span>
             </div>
             <div className="watch">
-                <span className="attribute">year: {props.year}</span>
                 <p>Watch {props.type}</p>
                 <Arrow/>
             </div>