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 (
-

+
{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(