styled general/homepage

src/views/admin/general/homepage.tpl

@@ -1,28 +1,25 @@
-<div class="col-lg-9">	
-	<div class="panel panel-default">
-		<div class="panel-heading">Home Page</div>
-		<div class="panel-body">
-			<form>
+<div class="row">
+	<div class="col-xs-2">Home Page</div>
+	<div class="col-xs-10">
+		<p>
+			Choose what page is shown when users navigate to the root URL of your forum.
+		</p>
+		<form class="row">
+			<div class="col-xs-6">
 				<label>Home Page Route</label>
 				<select class="form-control" data-field="homePageRoute">
 					<!-- BEGIN routes -->
 					<option value="{routes.route}">{routes.name}</option>
 					<!-- END routes -->
 				</select>
-			</form>
 			</div>
+		</form>
 	</div>
 </div>
 
-<div class="col-lg-3 acp-sidebar">
-	<div class="panel panel-default">
-		<div class="panel-heading">Save Settings</div>
-		<div class="panel-body">
-			<button class="btn btn-primary btn-md" id="save">Save Changes</button>
-			<button class="btn btn-warning btn-md" id="revert">Revert Changes</button>
-		</div>
-	</div>
-</div>
+<button id="save" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
+	<i class="material-icons">save</i>
+</button>
 
 <script>
 	require(['admin/settings'], function(Settings) {