Fixed mobile UI problems

Author: bgrawi

browse.php

@@ -96,7 +96,7 @@ function parseTerm($term) {
 						</div>
 						<div browse-list="school" ng-repeat="school in schools" class="list-group-item" ng-class="{active: school.ui.expanded && school.departments.length > 0}">
 							<div class="browse-heading" ng-click="school.ui.toggleDisplay()">
-								<button class="btn pull-right btn-default">
+								<button class="btn pull-left btn-default">
 									<i class="fa" ng-class="school.ui.buttonClass"></i>
 								</button>
 								<h4 class="list-group-item-heading">{{school | codeOrNumber}}</h4>
@@ -106,7 +106,7 @@ function parseTerm($term) {
 								<div class="list-group">
 									<div browse-list="department" class="list-group-item" ng-repeat="department in school.departments" ng-class="{active: department.ui.expanded && department.courses.length > 0}">
 										<div class="browse-heading" ng-click="department.ui.toggleDisplay()">
-											<button class="btn pull-right btn-default">
+											<button class="btn pull-left btn-default">
 												<i class="fa" ng-class="department.ui.buttonClass"></i>
 											</button>
 											<h4 class="list-group-item-heading">{{department.code?department.code:department.number}}</h4>
@@ -116,7 +116,7 @@ function parseTerm($term) {
 											<div class="list-group">
 												<div browse-list="course" class="list-group-item" ng-repeat="course in department.courses" ng-class="{'active-nostyle': course.ui.expanded && course.sections.length > 0}" ng-init="course.selected = courseCart.selection.course.is(course)">
 													<div class="browse-heading" ng-click="course.ui.toggleDisplay()">
-														<button class="btn pull-right btn-default">
+														<button class="btn pull-left btn-default">
 															<i class="fa" ng-class="course.ui.buttonClass"></i>
 														</button>
 														<h4 class="list-group-item-heading">{{course | courseNum}}</h4>
@@ -128,7 +128,7 @@ function parseTerm($term) {
 														<div class="center">
 															<button type="button" class="btn" ng-click="courseCart.selection.course.toggle(course); course.selected = !course.selected" ng-class="{'btn-danger':course.selected, 'btn-success':!course.selected}">
 																<i class="fa" ng-class="{'fa-minus':course.selected, 'fa-plus':!course.selected}"></i> <i class="fa fa-shopping-cart"></i> 
-																{{course.selected ? 'Remove all sections from cart':'Add all sections to cart'}}
+																{{course.selected ? 'Remove all':'Add all'}}
 															</button>
 														</div>
 														<div class="vert-spacer-static-sm clearfix">

generate.php

@@ -73,11 +73,11 @@
 								<div class="col-lg-5 col-md-6 col-sm-6">
 									<div class="row form-inline">
 										<div class="col-xs-12">
-											<div class="form-group">
+											<div class="form-group inline-sm">
 												<select id="options-startTime" ng-change="ensureCorrectEndTime($index)" class="form-control" ng-model="nonCourse.startTime" ng-options="key as ui.optionLists.timesHalfHours.values[key] for key in ui.optionLists.timesHalfHours.keys"><option value="">Start</option></select>
 											</div>
-											<div class="form-group">to</div>
-											<div class="form-group">
+											<div class="form-group inline-sm">to</div>
+											<div class="form-group inline-sm">
 												<select id="options-endTime" class="form-control" ng-model="nonCourse.endTime" ng-options="key as ui.optionLists.timesHalfHours.values[key] for key in ui.optionLists.timesHalfHours.keys | startFrom: ui.optionLists.timesHalfHours.keys.indexOf(nonCourse.startTime) + 1"><option value="">End</option></select>
 											</div>
 										</div>
@@ -125,11 +125,11 @@
 								<div class="col-sm-6">
 									<div class="row form-inline">
 										<div class="col-xs-12">
-											<div class="form-group">
+											<div class="form-group inline-sm">
 												<select id="options-startTime" ng-change="ensureCorrectEndTime($index)" class="form-control" ng-model="noCourse.startTime" ng-options="key as ui.optionLists.timesHalfHours.values[key] for key in ui.optionLists.timesHalfHours.keys"><option value="">Start</option></select>
 											</div>
-											<div class="form-group">to</div>
-											<div class="form-group">
+											<div class="form-group inline-sm">to</div>
+											<div class="form-group inline-sm">
 												<select id="options-endTime" class="form-control" ng-model="noCourse.endTime" ng-options="key as ui.optionLists.timesHalfHours.values[key] for key in ui.optionLists.timesHalfHours.keys | startFrom: ui.optionLists.timesHalfHours.keys.indexOf(noCourse.startTime) + 1"><option value="">End</option></select>
 											</div>
 										</div>
@@ -164,15 +164,19 @@
 						</div>
 					</div>
 				</div>
-				<input name="action" value="getMatchingSchedules" type="hidden"> <input type="hidden" value="true" name="verbose" id="verbose">
-				<div class="center" role="toolbar">
+				<div class="hidden-xs hidden-sm center" role="toolbar">
 					<div class="btn-group">
 						<button type="button" class="btn-lg btn btn-primary btn-default" ng-click="generateSchedules()">Show Matching Schedules</button>
 					</div>
 					<div class="btn-group">
-						<button type="button" class="btn-lg btn btn-default btn-danger" ng-click="resetState()">Reset</button>
+						<button type="button" class="btn-lg btn btn-default btn-danger" ng-click="resetState()">Reset Everything</button>
 					</div>
 				</div>
+				<div class="visible-xs visible-sm center">
+						<button type="button" class="btn-lg btn btn-primary btn-default btn-block" ng-click="generateSchedules()">Show Matching Schedules</button>
+						<div class="vert-spacer-static-sm"></div>
+						<button type="button" class="btn-lg btn btn-default btn-danger btn-block" ng-click="resetState()">Reset Everything</button>
+				</div>
 				<div class="vert-spacer-static-md"></div>
 				<div ng-show="!!resultError">
 					<div class="alert alert-danger">