diff --git a/js/page/claim_code.js b/js/page/claim_code.js index da0883b93..ea8e44532 100644 --- a/js/page/claim_code.js +++ b/js/page/claim_code.js @@ -8,6 +8,8 @@ var claimCodePageStyle = { display: 'inline-block', cursor: 'default', width: '130px', + textAlign: 'right', + marginRight: '6px', }; var ClaimCodePage = React.createClass({ @@ -78,7 +80,7 @@ var ClaimCodePage = React.createClass({

You will be added to our mailing list (if you're not already on it) and will be eligible for future rewards for beta testers.

-
+
diff --git a/js/page/home.js b/js/page/home.js index 850c065ca..141d43bc4 100644 --- a/js/page/home.js +++ b/js/page/home.js @@ -117,7 +117,7 @@ var SearchResultRow = React.createClass({ var featuredContentItemStyle = { fontSize: '0.95em', - marginBottom: '10px', + marginTop: '10px', minHeight: '130px', }, featuredContentItemImgStyle = { maxHeight: '90px', @@ -130,6 +130,7 @@ var featuredContentItemStyle = { color: '#444', marginBottom: '5px', fontSize: '0.9em', + minHeight: '74px', }, featuredContentItemCostStyle = { display: 'block', float: 'right', @@ -156,7 +157,7 @@ var FeaturedContentItem = React.createClass({ }); lbry.search(this.props.name, (results) => { this.setState({ - amount: results[0].cost_est + amount: (results ? results[0].cost_est : 0.0) }); }); }, @@ -168,10 +169,23 @@ var FeaturedContentItem = React.createClass({ var metadata = this.state.metadata; + if ('narrow' in this.props) { + // Workaround -- narrow thumbnails look a bit funky without some extra left margin. + // Find a way to do this in CSS. + + var thumbStyle = Object.assign({}, featuredContentItemImgStyle, { + position: 'relative', + maxHeight: '102px', + left: '13px', + }); + } else { + var thumbStyle = featuredContentItemImgStyle; + } + return (
- {'Photo + {'Photo

{this.state.title}

@@ -189,6 +203,7 @@ var FeaturedContentItem = React.createClass({ var featuredContentStyle = { width: '100%', + marginTop: '-8px', }; var FeaturedContent = React.createClass({ @@ -201,7 +216,7 @@ var FeaturedContent = React.createClass({
- +
@@ -307,7 +322,9 @@ var topBarStyle = { 'height': '26px', }, balanceStyle = { - 'marginRight': '5px' + 'marginRight': '5px', + 'position': 'relative', + 'top': '1px', }; var mainMenuStyle = { diff --git a/js/page/my_files.js b/js/page/my_files.js index 6ac837b60..69ddfc9d9 100644 --- a/js/page/my_files.js +++ b/js/page/my_files.js @@ -149,7 +149,7 @@ var MyFilesPage = React.createClass({ let {title, thumbnail} = metadata; var ratioLoaded = written_bytes / total_bytes; - var showWatchButton = (lbry.getMediaType(file_name) == 'video'); + var showWatchButton = (lbry.getMediaType(file_name) == 'video' || lbry.getMediaType(file_name) == 'audio'); content.push(