From d77a4c6d9e5197c49daded3719f459765c9e030a Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sat, 2 Sep 2017 16:30:02 +0200
Subject: [PATCH] Now it is a little messy with lots of css inline, but will
 clean and comment. Has now a working UI, needs more 404 handling of items.

---
 client/app/components/MovieObject.jsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/client/app/components/MovieObject.jsx b/client/app/components/MovieObject.jsx
index acf4f5f..e2c87aa 100644
--- a/client/app/components/MovieObject.jsx
+++ b/client/app/components/MovieObject.jsx
@@ -1,6 +1,8 @@
 import React from 'react';
+import glamorous from 'glamorous';
 
-require('../app.scss');
+// StyleComponents
+import mediaResultItem from './styledComponents/mediaResultItem.jsx';
 
 class MovieObject {
 	constructor(object) {
@@ -63,7 +65,7 @@ class MovieObject {
 			borderRadius: '4px',
 			textAlign: 'center',
 			padding: '10px',
-			width: '100px',
+			minWidth: '100px',
 			float: 'left',
 			fontSize: '13px',
 			fontWeight: '800',
@@ -78,7 +80,7 @@ class MovieObject {
 			borderRadius: '4px',
 			textAlign: 'center',
 			padding: '10px',
-			width: '100px',
+			minWidth: '100px',
 			float: 'left',
 			fontSize: '13px',
 			fontWeight: '800',
@@ -110,9 +112,12 @@ class MovieObject {
 			style={requestButton}><span>&#x0002B; Request</span></button>;
 		}
 
+		var themoviedbLink = 'https://www.themoviedb.org/movie/' + this.id
+		
+
 		return (
 		<div>
-			<div key={this.id} style={resultItem}>
+			<div style={resultItem} key={this.id}>
 				<div style={resultPoster}>
 					<img style={resultPosterImg} id='poster' src={posterPath}></img>
 				</div>
@@ -127,7 +132,7 @@ class MovieObject {
 
 					<div style={buttons}>
 						{foundInPlex}
-						<button style={tmdbButton}><span>Info</span></button>
+						<a href={themoviedbLink}><button style={tmdbButton}><span>Info</span></button></a>
 					</div>
 				</div>
 			</div>