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 (
{rows}
); } }); -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({ {'Photo
-

{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

-
+
+
+
+
+ +
+