Remove schedule button UI improvement.

Author: JoelEager

assets/src/modules/sm/Schedule/templates/scheduleitem.html

@@ -4,7 +4,6 @@
 			<div class="col-xs-12">
 				<h2 class="panel-title control-label pull-left smaller-sm">{{saveAction == "create"?("Schedule " + (state.schedules.indexOf(schedule) + 1)):"My Schedule"}}</h2>
 				<div class="btn-group pull-right hidden-xs hidden-sm">
-					<button ng-click="scheduleActions.hide()" type="button" class="btn btn-info hidden-xs"><i class="fa fa-minus-square-o"></i> Hide</button>
 					<div class="btn-group">
 						<button ng-click="scheduleActions.save(saveAction)" type="button" class="btn btn-primary"><i class="fa" ng-class="{'fa-save': saveAction == 'create', 'fa-copy': saveAction == 'fork'}"></i> {{saveAction == "create"?"Save":"Copy and Edit"}} </button>
 						<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
@@ -29,6 +28,7 @@ <h2 class="panel-title control-label pull-left smaller-sm">{{saveAction == "crea
 							<li><a ng-click="scheduleActions.shareToDirectLink($event)" href="#"><i class="fa fa-fw fa-link"></i> Direct link</a></li>
 						</ul>
 					</div>
+					<button ng-click="scheduleActions.hide()" type="button" class="btn btn-danger"><i class="fa fa-trash-o"></i> Remove</button>
 				</div>
 				<div class="btn-group pull-right visible-xs visible-sm">
 					<div class="btn-group">
@@ -54,6 +54,7 @@ <h2 class="panel-title control-label pull-left smaller-sm">{{saveAction == "crea
 							<li><a ng-click="scheduleActions.shareToDirectLink($event)" href="#"><i class="fa fa-fw fa-link"></i> Direct link</a></li>
 						</ul>
 					</div>
+					<button ng-click="scheduleActions.hide()" type="button" class="btn btn-danger btn-sm"><i class="fa fa-trash-o"></i></button>
 				</div>
 				<div ng-show="status == 'L'" class="control-label schedule-loading">
 					<i class="fa fa-spin fa-refresh fa-2x"></i>