LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Restore spacing on Watch and Download buttons

Browse source
This commit is contained in:
Alex Liebowitz 2016-10-28 08:51:15 -04:00
parent f34fca11a8
commit 6e31b076b3
2 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
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 (
<span> <span className="button-container">
<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}>
@ -186,7 +186,7 @@ var WatchLink = React.createClass({
}, },
render: function() { render: function() {
return ( return (
<span> <span className="button-container">
<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}>

11
scss/_gui.scss
View file

@ -132,6 +132,13 @@ input[type="text"], input[type="search"]
} }
} }
.button-container {
+ .button-container
{
margin-left: 12px;
}
}
.button-block .button-block
{ {
cursor: pointer; cursor: pointer;
@ -143,10 +150,6 @@ input[type="text"], input[type="search"]
text-align: center; text-align: center;
border-radius: 2px; border-radius: 2px;
text-transform: uppercase; text-transform: uppercase;
+ .button-block
{
margin-left: 12px;
}
.icon .icon
{ {
top: 0em; top: 0em;