Update movie release date indicator

TGlide · Jul 14, 2021 · c92fbbe · c92fbbe
1 parent e8a4b96
commit c92fbbe
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git 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
@@ -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>