From 9265b469c446b4ccc692fb2bdb32ead871a8caa0 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sat, 5 Aug 2017 17:06:26 +0200
Subject: [PATCH] Added style to the elements of the html elements

---
 client/app/components/SearchRequest.jsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/client/app/components/SearchRequest.jsx b/client/app/components/SearchRequest.jsx
index 3200ee9..31cec28 100644
--- a/client/app/components/SearchRequest.jsx
+++ b/client/app/components/SearchRequest.jsx
@@ -82,8 +82,20 @@ class SearchRequest extends React.Component {
 
 
   render(){
+
+    var body = {
+      fontFamily: "'Roboto', 'Open Sans', sans-serif",
+      display: 'inline-block'
+
+    }
+    var requestMovieList = {
+      display: 'flex',
+      flexWrap: 'wrap',
+      justifyContent: 'center'
+    }
+
     return(
-     <div>
+     <div style={body}>
         <input
           type="text"
           onKeyPress={(event) => this._handleQueryKeyPress(event)}
@@ -94,7 +106,7 @@ class SearchRequest extends React.Component {
           <br></br>
 
           <br></br>
-          <div id='requestMovieList' ref='requestMovieList'>
+          <div id='requestMovieList' ref='requestMovieList' style={requestMovieList}>
             {this.state.responseMovieList}        
           </div>
       </div>