From 1c657675e676e974e8c11df95089541ecfd3f7fa Mon Sep 17 00:00:00 2001
From: andres alcocer <andresalcocer7@yahoo.com>
Date: Tue, 13 Nov 2018 19:36:12 -0500
Subject: [PATCH] search nav working!

---
 src/components/MovieRow/MovieRow.js    |  2 +-
 src/containers/App.js                  | 10 +---
 src/static/sass/base/_base.scss        |  9 +---
 src/static/sass/components/_movie.scss | 74 ++++----------------------
 4 files changed, 13 insertions(+), 82 deletions(-)

diff --git a/src/components/MovieRow/MovieRow.js b/src/components/MovieRow/MovieRow.js
index b91d44b..c6b32cd 100644
--- a/src/components/MovieRow/MovieRow.js
+++ b/src/components/MovieRow/MovieRow.js
@@ -3,7 +3,7 @@ import React from 'react';
 const movieRow = (props) => (
 
    <div className="movie">
-         <div className="no movie__column-poster">
+         <div className="movie__column-poster">
             <img src={props.movie.posterSrc} alt="" className="movie__poster" />
          </div>
       
diff --git a/src/containers/App.js b/src/containers/App.js
index 2a70b0f..39b8639 100644
--- a/src/containers/App.js
+++ b/src/containers/App.js
@@ -52,14 +52,6 @@ makeAipCall = (searchItem) => {
          });
    }
 
-   // get the user input and pass it to the makeAPICall function 
-  //  searchHandler = (event) => {
-  //     // const searchItem = event.target.value; 
-  //     // this.makeAipCall(searchItem); 
-  //     alert("Hello");
-  //  }
-
-
   myF = (event) => {
     this.setState({
       myVal: false
@@ -78,7 +70,7 @@ makeAipCall = (searchItem) => {
       return (
          <div>  
           <Navigation showMan={this.myF} />
-          {this.state.myVal ? <Layout /> : <div onClick={this.myB} className="no">{this.state.rows}</div>}
+          {this.state.myVal ? <Layout /> : <div onClick={this.myB} className="search-container">{this.state.rows}</div>}
 
          </div>
          
diff --git a/src/static/sass/base/_base.scss b/src/static/sass/base/_base.scss
index 8c1c09e..8455717 100644
--- a/src/static/sass/base/_base.scss
+++ b/src/static/sass/base/_base.scss
@@ -65,16 +65,11 @@ html {
 	background-color: $color-background;
 }
 
-.no {
+.search-container {
 	background-color: $color-background;
 	height: 150%;
 	padding-bottom: 10rem;
-	display: flex;
+	
 	
 
 }
-
-.yes {
-	background-color: purple; 
-	height: 100vh;
-}
\ No newline at end of file
diff --git a/src/static/sass/components/_movie.scss b/src/static/sass/components/_movie.scss
index 2d76ebf..b1d045d 100644
--- a/src/static/sass/components/_movie.scss
+++ b/src/static/sass/components/_movie.scss
@@ -1,76 +1,20 @@
 .movie {
-   // margin-top: 5rem;
-   // padding-left: 16rem;
-   // padding-right: 6rem;
-   // padding-bottom: 6rem;
-   margin-top: 15rem;
-   height: 1rem;
+   flex: 1 1 auto; 
+   padding-top: 6rem;
    display: inline-block;
 
-   display: flex;
-   justify-content: center;
-
-   * > img {
-       width: 25rem;
-       padding-right: 2rem;
-       
-   }
-
    &__column-poster {
       height: 25rem;
-      
+      width: 18rem;
    }
 
-   &__column-overview {
-      padding-left: 3.5rem;
-      text-align: left;
-      width: 60%;
-      padding-top: .5rem;
+    &__poster {
+       height: 100%;
+    }
+}
 
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      align-items: flex-start; 
-
-      &-heading {
-         font-size: 3rem;
-         font-family: 'Fjalla One', sans-serif;
-         color: $color-white;
-      }
-
-      &-text {
-         color: $color-white;
-         font-family: 'Nanum Gothic', sans-serif;
-         text-align: left;
-         font-size: 1.6rem;      
-         line-height: 1.5;
-
-      }
-
-      &-btn { 
-         margin-bottom: 1rem;
-         color: $color-green;
-         cursor: pointer;
-         border-radius: 5rem;
-         // padding: .5rem;
-         padding: .8rem 2rem .8rem 2rem;
-         font-family: 'Nanum Gothic', sans-serif;
-         font-size: 1.5rem;
-         border: solid 1.7px $color-green;
-         transition: all .2s; 
-
-         &:hover {
-            background-color: $color-green; 
-            color: #fff;
-         }
-
-      }
-
-   }
-
-   &__poster {
-      height: 100%;
-   }
+div.movie:first-child {
+   padding-top: 15rem;
 }
 
 .even {