More description around radio modal

This commit is contained in:
James Barnsley
2017-09-28 14:39:22 +13:00
parent 69a0045d2a
commit 8f332d87c2
2 changed files with 7 additions and 5 deletions

View File

@ -146,7 +146,8 @@ export default class EditRadioModal extends React.Component{
render(){
return (
<div>
<h1>Manage radio</h1>
<h1>Radio</h1>
<h2 className="grey-text">Add and remove seeds to shape the sound of your radio. Radio uses Spotify's recommendations engine to suggest tracks similar to your seeds.</h2>
<form>
{this.renderSeeds()}
@ -157,9 +158,9 @@ export default class EditRadioModal extends React.Component{
type="text"
onChange={e => this.setState({uri: e.target.value, error_message: null})}
value={this.state.uri} />
<button className="discrete add-uri no-hover" onClick={e => this.addSeed()}>
<span className="button discrete add-uri no-hover" onClick={e => this.addSeed()}>
<FontAwesome name="plus" />&nbsp; Add
</button>
</span>
{this.state.error_message ? <span className="error">{this.state.error_message}</span> : null}
</div>
</form>

View File

@ -74,6 +74,7 @@
width: 100%;
color: $white;
border-bottom: 2px solid $white;
border-radius: 0;
&:focus,
&:active {
@ -175,8 +176,8 @@
}
}
button.add-uri,
button.remove-uri {
.add-uri,
.remove-uri {
position: absolute;
top: 5px;
right: 0;