themed skins/themes pages

src/views/admin/appearance/header.tpl

@@ -1,2 +1 @@
-<div class="themes">
+<div class="themes">
-	<br />

src/views/admin/appearance/skins.tpl

@@ -1,19 +1,28 @@
 <!-- IMPORT admin/appearance/header.tpl -->
 
-<div id="skins">
+<div id="skins" class="row">
-	<h3>Bootswatch Themes</h3>
+	<div class="col-md-9">
-	<p>
+		<div class="panel panel-default">
-		NodeBB's skins are powered by Bootswatch, a repository containing themes built
+			<div class="panel-heading">Bootswatch Themes</div>
-		with Bootstrap as a base theme. Currently, the Vanilla base theme is best optimized for use with Bootswatch.
+			<div class="panel-body">
-	</p>
+				<p>
-	<ul class="directory" id="bootstrap_themes">
+					NodeBB's skins are powered by Bootswatch, a repository containing themes built with Bootstrap as a base theme. Currently, the Vanilla theme is best optimized for use with Bootswatch.
-		<li><i class="fa fa-refresh fa-spin"></i> Loading Themes</li>
+				</p>
-	</ul>
+				<ul class="directory" id="bootstrap_themes">
-
+					<li><i class="fa fa-refresh fa-spin"></i> Loading Themes</li>
-	<h3>Revert to Default</h3>
+				</ul>
-	<p class="alert">
+			</div>
-		<button class="btn btn-warning" id="revert_theme">Revert</button> This will remove any custom theme applied to your NodeBB, and restore the base theme.
+		</div>
-	</p>
+	</div>
+	<div class="col-md-3">
+		<div class="panel panel-default">
+			<div class="panel-heading">Revert to Default</div>
+			<div class="panel-body">
+				<p>This will remove any custom Bootswatch skin applied to your NodeBB, and restore the base theme.</p>
+				<button class="btn btn-warning btn-md" id="revert_theme">Revert to Default</button>
+			</div>
+		</div>
+	</div>
 </div>
 
 <!-- IMPORT admin/appearance/footer.tpl -->

src/views/admin/appearance/themes.tpl

@@ -1,13 +1,18 @@
 <!-- IMPORT admin/appearance/header.tpl -->
 
 <div id="themes">
-	<h3>Installed Themes</h3>
+	<div class="panel panel-default">
-	<p>
+		<div class="panel-heading">Installed Themes</div>
-		The following themes are currently installed in this NodeBB instance.
+		<div class="panel-body">
-	</p>
+			<p>
-	<ul class="directory" id="installed_themes">
+				The following themes are currently installed on your forum.
-		<li><i class="fa fa-refresh fa-spin"></i> Checking for installed themes...</li>
+			</p>
-	</ul>
+
+			<ul class="directory" id="installed_themes">
+				<li><i class="fa fa-refresh fa-spin"></i> Checking for installed themes...</li>
+			</ul>
+		</div>
+	</div>
 </div>
 
 <!-- IMPORT admin/appearance/footer.tpl -->