Moved all styling to a separate file in ./style

client/app/components/styles/movieObjectStyle.jsx

@@ -0,0 +1,80 @@
+
+export default {
+	resultItem: {
+		maxWidth: '95%',
+		margin: '0 auto',
+		minHeight: '230px'
+	},
+
+	resultItem: {
+		maxWidth: '95%',
+		margin: '0 auto',
+		minHeight: '230px'
+	},
+
+	movie_content: {
+		marginLeft: '15px'
+	},
+
+	resultTitle: {
+		color: 'black',
+		fontSize: '2em',
+	},
+
+	resultPoster: {
+		float: 'left',
+		zIndex: '3',
+		position: 'relative',
+		marginRight: '30px'
+	},
+
+	resultPosterImg: {
+		border: '2px none',
+	    borderRadius: '2px',
+	    width: '150px'
+	},
+
+	buttons: {
+		paddingTop: '20px'
+	},
+
+	requestButton: {
+		color: '#e9a131',
+		marginRight: '10px',
+		background: 'white',
+		border: '#e9a131 2px solid',
+		borderRadius: '4px',
+		textAlign: 'center',
+		padding: '10px',
+		minWidth: '100px',
+		float: 'left',
+		fontSize: '13px',
+		fontWeight: '800',
+		cursor: 'pointer'
+	},
+
+	tmdbButton: {
+		color: '#00d17c',
+		marginRight: '10px',
+		background: 'white',
+		border: '#00d17c 2px solid',
+		borderRadius: '4px',
+		textAlign: 'center',
+		padding: '10px',
+		minWidth: '100px',
+		float: 'left',
+		fontSize: '13px',
+		fontWeight: '800',
+		cursor: 'pointer'
+	},
+
+	row: {
+		width: '100%'
+	},
+
+	itemDivider: {
+		width: '90%',
+		borderBottom: '1px solid grey',
+		margin: '2rem auto'
+	}
+}