diff --git a/client/app/components/MovieObject.jsx b/client/app/components/SearchObject.jsx
similarity index 81%
rename from client/app/components/MovieObject.jsx
rename to client/app/components/SearchObject.jsx
index 9f13a46..b06208c 100644
--- a/client/app/components/MovieObject.jsx
+++ b/client/app/components/SearchObject.jsx
@@ -3,7 +3,7 @@ import React from 'react';
import Notifications, {notify} from 'react-notify-toast';
// StyleComponents
-import searchResultCSS from './styles/searchResult.jsx';
+import searchObjectCSS from './styles/searchObject.jsx';
import buttonsCSS from './styles/buttons.jsx';
var MediaQuery = require('react-responsive');
@@ -85,27 +85,27 @@ class MovieObject {
-
+
-
-

+
+
-
{this.title}
+
{this.title}
-
Released: { this.year } | Rating: {this.rating}
+
Released: { this.year } | Rating: {this.rating}
-
{this.summary}
+
{this.summary}
-
- {this.title}
+
+ {this.title}
- Released: {this.year} | Rating: {this.rating}
+ Released: {this.year} | Rating: {this.rating}
-
+
{foundInPlex}
@@ -125,8 +125,8 @@ class MovieObject {
-
)
diff --git a/client/app/components/styles/movieObjectStyle.jsx b/client/app/components/styles/movieObjectStyle.jsx
deleted file mode 100644
index c16a89f..0000000
--- a/client/app/components/styles/movieObjectStyle.jsx
+++ /dev/null
@@ -1,112 +0,0 @@
-
-export default {
- resultItem: {
- maxWidth: '95%',
- margin: '0 auto',
- minHeight: '230px'
- },
-
- movie_content: {
- marginLeft: '15px'
- },
-
- resultTitleLarge: {
- color: 'black',
- fontSize: '2em',
- },
-
- resultTitleSmall: {
- color: 'black',
- fontSize: '22px',
- },
-
- yearRatingLarge: {
- fontSize: '0.8em'
- },
-
- resultPoster: {
- float: 'left',
- zIndex: '3',
- position: 'relative',
- marginRight: '30px'
- },
-
- background: {
- width: '100%'
- },
-
- yearRatingSmall: {
- marginTop: '5px',
- fontSize: '0.8em'
- },
-
- resultPosterImg: {
- border: '2px none',
- borderRadius: '2px',
- width: '150px'
- },
-
- cornerRibbon: {
- position: 'absolute',
- width: '450px',
- },
-
- summary: {
- fontSize: '15px',
- },
-
- buttons: {
- paddingTop: '20px'
- },
-
- requestButton: {
- color: '#e9a131',
- marginRight: '10px',
- backgroundColor: 'white',
- border: '#e9a131 2px solid',
- borderColor: '#e9a131',
- borderRadius: '4px',
- textAlign: 'center',
- padding: '10px',
- minWidth: '100px',
- float: 'left',
- fontSize: '13px',
- fontWeight: '800',
- cursor: 'pointer'
- },
-
- requestButton_hover: {
- backgroundColor: '#e9a131',
- color: 'white',
- },
-
- tmdbButton: {
- color: '#00d17c',
- marginRight: '10px',
- backgroundColor: 'white',
- border: '#00d17c 2px solid',
- borderRadius: '4px',
- textAlign: 'center',
- padding: '10px',
- minWidth: '100px',
- float: 'left',
- fontSize: '13px',
- fontWeight: '800',
- cursor: 'pointer'
- },
-
- tmdbButton_hover: {
- backgroundColor: '#00d17c',
- color: 'white',
- },
-
- row: {
- width: '100%'
- },
-
- itemDivider: {
- width: '90%',
- borderBottom: '1px solid grey',
- margin: '2rem auto'
- }
-}
\ No newline at end of file
diff --git a/client/app/components/styles/searchObject.jsx b/client/app/components/styles/searchObject.jsx
new file mode 100644
index 0000000..4d4ed72
--- /dev/null
+++ b/client/app/components/styles/searchObject.jsx
@@ -0,0 +1,58 @@
+
+export default {
+ container: {
+ maxWidth: '95%',
+ margin: '0 auto',
+ minHeight: '230px'
+ },
+
+ title_large: {
+ color: 'black',
+ fontSize: '2em',
+ },
+
+ title_small: {
+ color: 'black',
+ fontSize: '22px',
+ },
+
+ stats_large: {
+ fontSize: '0.8em'
+ },
+
+ stats_small: {
+ marginTop: '5px',
+ fontSize: '0.8em'
+ },
+
+ posterContainer: {
+ float: 'left',
+ zIndex: '3',
+ position: 'relative',
+ marginRight: '30px'
+ },
+
+ posterImage: {
+ border: '2px none',
+ borderRadius: '2px',
+ width: '150px'
+ },
+
+ backgroundImage: {
+ width: '100%'
+ },
+
+ summary: {
+ fontSize: '15px',
+ },
+
+ dividerRow: {
+ width: '100%'
+ },
+
+ itemDivider: {
+ width: '90%',
+ borderBottom: '1px solid grey',
+ margin: '2rem auto'
+ }
+}
\ No newline at end of file