Use stacked nav on left to navigate site settings categories

app/assets/javascripts/admin/templates/site_settings.js.handlebars

@@ -10,12 +10,21 @@
   </div>
 </div>
 
-<ul class="nav nav-pills site-settings-nav">
-  {{#each category in controller}}
-    <li {{bindAttr class="category.nameKey"}}>{{#link-to 'adminSiteSettingsCategory' category.nameKey class=category.nameKey}}{{category.name}}{{/link-to}}</li>
-  {{/each}}
-</ul>
+<div class="site-settings-nav pull-left">
+  <ul class="nav nav-stacked">
+    {{#each category in controller}}
+      <li {{bindAttr class="category.nameKey"}}>
+        {{#link-to 'adminSiteSettingsCategory' category.nameKey class=category.nameKey}}
+          {{category.name}}
+          <span class='icon-chevron-right'></span>
+        {{/link-to}}
+      </li>
+    {{/each}}
+  </ul>
+</div>
 
-<hr/>
+<div class="site-settings-detail pull-left">
+  {{ outlet }}
+</div>
 
-{{ outlet }}
+<div class="clearfix"></div>

app/assets/javascripts/admin/templates/site_settings/setting_bool.js.handlebars

@@ -1,7 +1,7 @@
-<div class='span4 offset1'>
+<div class='setting-label'>
   <h3>{{unbound setting}}</h3>
 </div>
-<div class="span11">
+<div class="setting-value">
   <label>
     {{view Ember.Checkbox checkedBinding="enabled" value="true"}}
     {{unbound description}}

app/assets/javascripts/admin/templates/site_settings/setting_enum.js.handlebars

@@ -1,12 +1,12 @@
-<div class='span4 offset1'>
+<div class='setting-label'>
    <h3>{{unbound setting}}</h3>
 </div>
-<div class="span11">
+<div class="setting-value">
   {{combobox valueAttribute="value" content=validValues value=value none=allowsNone}}
   <div class='desc'>{{unbound description}}</div>
 </div>
 {{#if dirty}}
-  <div class='span3'>
+  <div class='setting-controls'>
     <button class='btn ok' {{action save this}}><i class='icon-ok'></i></button>
     <button class='btn cancel' {{action cancel this}}><i class='icon-remove'></i></button>
   </div>

app/assets/javascripts/admin/templates/site_settings/setting_string.js.handlebars

@@ -1,12 +1,12 @@
-<div class='span4 offset1'>
+<div class='setting-label'>
    <h3>{{unbound setting}}</h3>
 </div>
-<div class="span11">
-  {{textField value=value classNames="input-xxlarge"}}
+<div class="setting-value">
+  {{textField value=value classNames="input-setting-string"}}
   <div class='desc'>{{unbound description}}</div>
 </div>
 {{#if dirty}}
-  <div class='span3'>
+  <div class='setting-controls'>
     <button class='btn ok' {{action save this}}><i class='icon-ok'></i></button>
     <button class='btn cancel' {{action cancel this}}><i class='icon-remove'></i></button>
   </div>

app/assets/javascripts/admin/templates/site_settings_category.js.handlebars

@@ -1 +1,4 @@
+<h2>{{name}}</h2>
+<hr/>
+
 {{collection contentBinding="filteredContent" classNames="form-horizontal settings" itemViewClass="Discourse.SiteSettingView"}}