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 (
props.onClick && props.onClick()}>
- {props.title} + {props.title}  + ({props.year})
- year: {props.year}

Watch {props.type}