Fixed advanced and save buttons

src/UI/Settings/SettingsLayoutTemplate.html

@@ -8,11 +8,10 @@
     <li><a href="#general" class="x-general-tab no-router">General</a></li>
 </ul>
 
-<div class="row">
+<div class="row settings-controls">
-    <div class="col-sm-12">
+    <div class="col-sm-4 col-sm-offset-7 col-md-3 col-md-offset-8">
-        <div class="pull-right">
         <div class="advanced-settings-toggle">
-                <span class="help-inline-checkbox">
+            <span class="help-inline-checkbox hidden-xs">
                 Advanced Settings
             </span>
             <label class="checkbox toggle well">
@@ -23,10 +22,13 @@
                 </p>
                 <div class="btn btn-warning slide-button"/>
             </label>
-
+            <span class="help-inline-checkbox hidden-sm hidden-md hidden-lg">
+                Advanced Settings
+            </span>
         </div>
-            <button class="btn btn-primary x-save-settings">Save</button>
     </div>
+    <div class="col-sm-1 col-md-1">
+        <button class="btn btn-primary x-save-settings">Save</button>
     </div>
 </div>
 

src/UI/Settings/settings.less

@@ -52,10 +52,13 @@ li.save-and-add:hover {
   width: 500px;
 }
 
-.advanced-settings-toggle {
+.settings-controls {
   margin-top: 10px;
-  margin-right: 40px;
+}
+
+.advanced-settings-toggle {
   display: inline-block;
+  margin-bottom: 10px;
 
   .checkbox {
     width         : 100px;