Button BEM (.light needs patching); Removing first from featured/new

src/js/views/modals/AddToQueue.js

@@ -76,7 +76,7 @@ class AddToQueue extends React.Component{
 					</div>
 
 					<div className="actions centered-text">
-						<button type="submit" className="primary large">Add</button>
+						<button type="submit" className="button button--primary button--large">Add</button>
 					</div>
 				</form>
 			</Modal>

src/js/views/modals/CreatePlaylist.js

@@ -153,7 +153,7 @@ class CreatePlaylist extends React.Component{
 					{this.renderFields()}
 
 					<div className="actions centered-text">
-						<button type="submit" className="primary large">Create playlist</button>
+						<button type="submit" className="button button--primary button--large">Create playlist</button>
 					</div>
 
 				</form>

src/js/views/modals/EditCommand.js

@@ -158,8 +158,8 @@ class EditCommand extends React.Component{
 					</div>
 
 					<div className="actions centered-text">
-						{this.props.command ? <button type="button" className="destructive large" onClick={e => this.handleDelete(e)}>Delete</button> : null}
-						<button type="submit" className="primary large">Save</button>
+						{this.props.command ? <button type="button" className="button button--destructive button--large" onClick={e => this.handleDelete(e)}>Delete</button> : null}
+						<button type="submit" className="button button--primary button--large">Save</button>
 					</div>
 
 				</form>

src/js/views/modals/EditPlaylist.js

@@ -195,7 +195,7 @@ class EditPlaylist extends React.Component{
 					{this.renderFields()}
 
 					<div className="actions centered-text">
-						<button type="submit" className="primary large">Save</button>
+						<button type="submit" className="button button--primary button--large">Save</button>
 					</div>
 				</form>
 			</Modal>

src/js/views/modals/EditRadio.js

@@ -234,9 +234,9 @@ class EditRadio extends React.Component{
 					</div>
 
 					<div className="actions centered-text">
-						{this.state.enabled ? <span className="button destructive large" onClick={e => this.handleStop(e)}>Stop</span> : null}
+						{this.state.enabled ? <span className="button button--destructive button--large" onClick={e => this.handleStop(e)}>Stop</span> : null}
 
-						{this.state.enabled ? <button className="primary large" onClick={e => this.handleUpdate(e)}>Save</button> : <button className="primary large" onClick={e => this.handleStart(e)}>Start</button>}
+						{this.state.enabled ? <button className="button button--primary button--large" onClick={e => this.handleUpdate(e)}>Save</button> : <button className="button button--primary button--large" onClick={e => this.handleStart(e)}>Start</button>}
 					</div>
 				</form>
 			</Modal>

src/js/views/modals/InitialSetup.js

@@ -125,7 +125,7 @@ class InitialSetup extends React.Component{
 					</div>}
 
 					<div className="actions centered-text">
-						<button className={"primary large"+(this.state.saving ? " working" : "")} onClick={e => this.handleSubmit(e)}>
+						<button className={"button button--primary button--large"+(this.state.saving ? " button--working" : "")} onClick={e => this.handleSubmit(e)}>
 							{this.state.saving ? "Saving" : "Save"}
 						</button>
 					</div>

src/js/views/modals/ShareConfiguration.js

@@ -181,7 +181,7 @@ class ShareConfiguration extends React.Component {
 					</div>
 
 					<div className="actions centered-text">
-						{this.state.recipients.length > 0 ? <button className="primary large" onClick={e => this.handleSubmit(e)}>Send</button> : <button className="primary large" disabled="disabled" onClick={e => this.handleSubmit(e)}>Send</button>}
+						{this.state.recipients.length > 0 ? <button className="button button--primary button--large" onClick={e => this.handleSubmit(e)}>Send</button> : <button className="button button--primary button--large" disabled="disabled" onClick={e => this.handleSubmit(e)}>Send</button>}
 					</div>
 				</form>
 			</Modal>