first pass on settings design

public/less/admin/admin.less

@@ -14,6 +14,7 @@
 @import "./extend/plugins";
 @import "./extend/rewards";
 @import "./advanced/database";
+@import "./settings";
 
 @import "./modules/alerts";
 @import "./modules/selectable";
@@ -21,7 +22,13 @@
 
 .admin {
 	padding-top: 70px;
-	background: #f0f0f0;
+	background: #fff;
+	font-size: 14px;
+
+	label {
+		font-weight: 700;
+	}
+
 
 	.btn {
 		border-radius: 0;

public/less/admin/settings.less

@@ -0,0 +1,5 @@
+.settings {
+	.settings-header {
+		font-weight: 700;
+	}
+}

src/views/admin/settings/footer.tpl

@@ -1,14 +1,6 @@
 </div>
-
+<!--<button class="btn btn-primary btn-md" id="save">Save Changes</button>
-<div class="col-lg-3 acp-sidebar">
+			<button class="btn btn-warning btn-md" id="revert">Revert Changes</button>-->
-	<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>
 
 <script>
 	require(['admin/settings'], function(Settings) {

src/views/admin/settings/general.tpl

@@ -1,8 +1,11 @@
 <!-- IMPORT admin/settings/header.tpl -->
 
-<div class="panel panel-default">
+
-	<div class="panel-heading">Site Settings</div>
+<div class="row">
-	<div class="panel-body">
+	<div class="col-xs-2 settings-header">
+		Site Settings
+	</div>
+	<div class="col-xs-10">
 		<form>
 			<label>Site Title</label>
 			<input class="form-control" type="text" placeholder="Your Community Name" data-field="title" />
@@ -28,9 +31,9 @@
 	</div>
 </div>
 
-<div class="panel panel-default">
+<div class="row">
-	<div class="panel-heading">Site Logo</div>
+	<div class="col-xs-2 settings-header">Site Logo</div>
-	<div class="panel-body">
+	<div class="col-xs-10">
 		<div class="form-group">
 			<label for="logoUrl">Image</label>
 			<div class="input-group">
@@ -54,9 +57,11 @@
 	</div>
 </div>
 
-<div class="panel panel-default">
+<div class="row">
-	<div class="panel-heading">Favicon</div>
+	<div class="col-xs-2 settings-header">
-	<div class="panel-body">
+		Favicon
+	</div>
+	<div class="col-xs-10">
 		<div class="form-group">
 			<div class="input-group">
 				<input id="faviconUrl" type="text" class="form-control" placeholder="favicon.ico" data-field="brand:favicon" data-action="upload" data-target="faviconUrl" data-route="{config.relative_path}/api/admin/uploadfavicon" readonly />
@@ -68,9 +73,9 @@
 	</div>
 </div>
 
-<div class="panel panel-default">
+<div class="row">
-	<div class="panel-heading">Miscellaneous</div>
+	<div class="col-xs-2 settings-header">Miscellaneous</div>
-	<div class="panel-body">
+	<div class="col-xs-10">
 		<form>
 			<div class="checkbox">
 				<label>

src/views/admin/settings/header.tpl

@@ -1 +1 @@
-<div class="col-lg-9">
+<div class="settings">