secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Nicer form fields

Browse Source
This commit is contained in:
James Barnsley
2017-02-12 21:36:45 +13:00
parent 574f378544
commit 68fccbb04e
3 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/js/views/Debug.js
View File

@ -58,8 +58,8 @@ class Debug extends React.Component{
var actions = (
<button onClick={e => hashHistory.push(global.baseURL+'settings')}>
<FontAwesome name="cog" />&nbsp;
Settings
<FontAwesome name="reply" />&nbsp;
Back
</button>
)

4
src/js/views/Playlist.js
View File

@ -114,14 +114,14 @@ class Playlist extends React.Component{
return (
<div className="actions">
<button className="primary" onClick={ e => this.play() }>Play</button>
<FollowButton uri={this.props.playlist.uri} addText="Add to library" removeText="Remove from library" is_following={this.props.playlist.is_following} />
<FollowButton className="secondary" uri={this.props.playlist.uri} addText="Add to library" removeText="Remove from library" is_following={this.props.playlist.is_following} />
</div>
)
default:
return (
<div className="actions">
<button className="rounded primary" onClick={ e => this.play() }>Play</button>
<button className="primary" onClick={ e => this.play() }>Play</button>
</div>
)
}

14
src/scss/global/_forms.scss
View File

@ -226,10 +226,10 @@ input[type="submit"] {
input + .label:before {
content: ' ';
display: inline-block;
width: 16px;
height: 16px;
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid #000000;
border: 2px solid #000000;
position: absolute;
top: 4px;
left: 0;
@ -256,14 +256,14 @@ input[type="submit"] {
input + .label:before {
font-family: FontAwesome;
font-size: 10px;
font-size: 8px;
content: ' ';
color: #000000;
display: inline-block;
width: 13px;
height: 13px;
width: 11px;
height: 11px;
padding: 3px 0 0 3px;
border: 1px solid #000000;
border: 2px solid #000000;
position: absolute;
top: 5px;
left: 0;