Watch and Download link layout tweak

Contain links in spans instead of divs to avoid block layout
This commit is contained in:
Alex Liebowitz 2016-10-22 03:38:39 -04:00
parent 9306617fd4
commit 57b953ba69

View file

@ -132,7 +132,7 @@ var DownloadLink = React.createClass({
render: function() {
var label = (!this.state.downloading ? this.props.label : this.props.downloadingLabel);
return (
<div>
<span>
<Link button={this.props.button} hidden={this.props.hidden} style={this.props.style}
disabled={this.state.downloading} label={label} icon={this.props.icon} onClick={this.handleClick} />
<Modal isOpen={this.state.modal == 'downloadStarted'} onConfirmed={this.closeModal}>
@ -141,7 +141,7 @@ var DownloadLink = React.createClass({
<Modal isOpen={this.state.modal == 'notEnoughCredits'} onConfirmed={this.closeModal}>
You don't have enough LBRY credits to pay for this stream.
</Modal>
</div>
</span>
);
}
});
@ -186,13 +186,13 @@ var WatchLink = React.createClass({
},
render: function() {
return (
<div>
<span>
<Link button={this.props.button} hidden={this.props.hidden} style={this.props.style}
label={this.props.label} icon={this.props.icon} onClick={this.handleClick} />
<Modal isOpen={this.state.modal == 'notEnoughCredits'} onConfirmed={this.closeModal}>
You don't have enough LBRY credits to pay for this stream.
</Modal>
</div>
</span>
);
}
});