Consistency of icons

src/js/views/Artist.js

@@ -229,7 +229,7 @@ class Artist extends React.Component{
 									name="Sort" 
 									value={this.props.sort} 
 									options={sort_options} 
-									reverse={this.props.sort_reverse} 
+									selected_icon={this.props.sort_reverse ? 'keyboard_arrow_up' : 'keyboard_arrow_down'} 
 									handleChange={val => {this.setSort(val); this.props.uiActions.hideContextMenu() }} />
 							</h4>
 

src/js/views/library/LibraryBrowse.js

@@ -110,12 +110,10 @@ class LibraryBrowse extends React.Component{
 		var options = (
 			<span>
 				<button className="no-hover" onClick={e => this.playAll(e)}>
-					<Icon name="play_circle_filled" />&nbsp;
-					Play all
+					<Icon name="play_circle_filled" />Play all
 				</button>
 				<button className="no-hover" onClick={e => this.goBack(e)}>
-					<Icon name="keyboard_backspace" />&nbsp;
-					Back
+					<Icon name="keyboard_backspace" />Back
 				</button>
 			</span>
 		);

src/js/views/library/LibraryPlaylists.js

@@ -261,8 +261,7 @@ class LibraryPlaylists extends React.Component{
 					handleChange={value => {this.props.uiActions.set({ library_playlists_source: value}); this.props.uiActions.hideContextMenu() }}
 				/>
 				<button className="no-hover" onClick={ () => this.props.uiActions.openModal('create_playlist', {} ) }>
-					<Icon name="add" />
-					New
+					<Icon name="add_box" />New
 				</button>
 			</span>
 		)

src/js/views/library/LibraryTracks.js

@@ -66,8 +66,7 @@ class LibraryTracks extends React.Component{
 		var options = (
 			<span>
 				<button className="no-hover" onClick={e => this.playAll(e)}>
-					<Icon name="play_circle_filled" />&nbsp;
-					Play all
+					<Icon name="play_circle_filled" />Play all
 				</button>
 			</span>
 		);