logger styling first pass

src/views/admin/development/logger.tpl

@@ -1,9 +1,8 @@
-<h1><i class="fa fa-th"></i> Logger</h1>
-<hr />
-
-<h3>Logger Settings</h3>
-<div class="alert alert-warning">
-
+<div class="logger">
+	<div class="col-sm-9">
+		<div class="panel panel-default">
+			<div class="panel-heading">Logger Settings</div>
+			<div class="panel-body">				
 				<p>
 					By enabling the check boxes, you will receive logs to your terminal. If you specify a path, logs will then be saved to a file instead. HTTP logging is useful for collecting statistics about who, when, and what people access on your forum. In addition to logging HTTP requests, we can also log socket.io events. Socket.io logging, in combination with redis-cli monitor, can be very helpful for learning NodeBB's internals.
 				</p>
@@ -27,17 +26,23 @@
 					<br/>
 					<br/>
 
-
 					<label>Path to log file</label>
 					<input class="form-control" type="text" placeholder="/path/to/log/file.log ::: leave blank to log to your terminal" data-field="loggerPath" />
-		<br />
-		<br/>
-		<br/>
-
 				</form>
 			</div>
+		</div>
+	</div>
+
+	<div class="col-lg-3">
+		<div class="panel panel-default">
+			<div class="panel-heading">Logger Control Panel</div>
+			<div class="panel-body">
+				<button class="btn btn-primary" id="save">Update Logger Settings</button>
+			</div>
+		</div>
+	</div>
+</div>
 
-<button class="btn btn-primary" id="save">Save</button>
 
 <script>
 	require(['forum/admin/settings'], function(Settings) {