From 1985db16d66883ac82603ee21457aa4d8d59f7d0 Mon Sep 17 00:00:00 2001
From: andres alcocer <andresalcocer7@yahoo.com>
Date: Sun, 2 Aug 2020 15:00:35 -0400
Subject: [PATCH] fixed stylying issues

---
 src/containers/DisplayMovieRow.js | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/containers/DisplayMovieRow.js b/src/containers/DisplayMovieRow.js
index 67e0a6f..fb45523 100644
--- a/src/containers/DisplayMovieRow.js
+++ b/src/containers/DisplayMovieRow.js
@@ -83,8 +83,9 @@ export default class DisplayMovieRow extends Component {
       <>
         <h1 className="movieShowcase__heading">{this.props.title}</h1>
         {/* <div className="movieShowcase__container">{movies}</div> */}
+        <Dots value={this.state.value} onChange={this.onSlideChange} number={this.props.movies.length} />
         <Carousel
-          className="movieShowcase__container"
+          // className="movieShowcase__container"
           infinite
           draggable={false}
           arrows
@@ -105,14 +106,17 @@ export default class DisplayMovieRow extends Component {
             }
             // return <img key={idx} src={movieImageUrl} />;
             return (
-              <img
-                src={movieImageUrl}
-                className="movieShowcase__container--movie-image"
-              />
+              <div
+                className={"movieShowcase__container--movie" + (netflixUrl ? "__netflix" : "")}
+              >
+                <img
+                  className="movieShowcase__container--movie-image"
+                  src={movieImageUrl}
+                />
+              </div>
             );
           })}
         </Carousel>
-        <Dots value={this.state.value} onChange={this.onSlideChange} number={this.props.movies.length} />
       </>
     );
   }