diff --git a/js/page/home.js b/js/page/home.js
index 141d43bc4..2d84643ed 100644
--- a/js/page/home.js
+++ b/js/page/home.js
@@ -43,30 +43,30 @@ var SearchNoResults = React.createClass({
var SearchResults = React.createClass({
render: function() {
var rows = [];
- console.log('results');
- console.log('made it here');
this.props.results.forEach(function(result) {
rows.push(
);
});
- console.log(this.props.results);
- console.log(rows);
- console.log('done');
return (
);
}
});
-var searchRowImgStyle = {
- maxHeight: '100px',
+var
+ searchRowImgStyle = {
+ maxWidth: '100%',
+ maxHeight: '250px',
display: 'block',
marginLeft: 'auto',
marginRight: 'auto',
float: 'left'
},
+ searchRowTitleStyle = {
+ fontWeight: 'bold'
+ },
searchRowCostStyle = {
float: 'right',
marginLeft: '20px',
@@ -102,7 +102,7 @@ var SearchResultRow = React.createClass({
-
{this.props.title}
+ {this.props.title}
lbry://{this.props.name}
{this.props.description}
@@ -118,23 +118,26 @@ var SearchResultRow = React.createClass({
var featuredContentItemStyle = {
fontSize: '0.95em',
marginTop: '10px',
- minHeight: '130px',
+ maxHeight: '220px'
}, featuredContentItemImgStyle = {
- maxHeight: '90px',
- maxWidth: '126px',
+ maxWidth: '100%',
+ maxHeight: '100%',
display: 'block',
marginLeft: 'auto',
marginRight: 'auto',
marginTop: '5px',
+}, featuredContentHeaderStyle = {
+ fontWeight: 'bold',
+ marginBottom: '5px'
+}, featuredContentSubheaderStyle = {
+ marginBottom: '10px',
+ fontSize: '0.9em'
}, featuredContentItemDescriptionStyle = {
color: '#444',
marginBottom: '5px',
fontSize: '0.9em',
- minHeight: '74px',
}, featuredContentItemCostStyle = {
- display: 'block',
- float: 'right',
- fontSize: '0.95em',
+ float: 'right'
};
var FeaturedContentItem = React.createClass({
@@ -188,14 +191,14 @@ var FeaturedContentItem = React.createClass({
-
{this.state.title}
-
{metadata.description}
-
-
- { ' ' }
-
+
{this.state.title}
+
+
{metadata.description}
);
}
@@ -209,14 +212,20 @@ var featuredContentStyle = {
var FeaturedContent = React.createClass({
render: function() {
return (
- Featured content
+ Featured Content
+