Watch and Download link layout tweak
Contain links in spans instead of divs to avoid block layout
This commit is contained in:
parent
9306617fd4
commit
57b953ba69
1 changed files with 4 additions and 4 deletions
|
@ -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>
|
||||
);
|
||||
}
|
||||
});
|
Loading…
Reference in a new issue