LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-09-04 12:55:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Watch and Download link layout tweak

Browse source 
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
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
js/component/link.js
View file

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