Fix style

web/skins/classic/views/options.php

@@ -72,13 +72,20 @@ foreach ($tabs as $name=>$value) {
 ?>
         </ul>
       </nav>
-      <div id="optionsContainer" class="container-fluid col-sm-offset-2">
+      <div id="optionsContainer" class="col">
 <?php 
 if ($tab == 'skins') {
 ?>
           <form name="optionsForm" method="get" action="?">
             <input type="hidden" name="view" value="<?php echo $view ?>"/>
             <input type="hidden" name="tab" value="<?php echo $tab ?>"/>
+            <div class="row">
+              <div class="col">
+                <div id="contentButtons">
+                  <button value="Save" type="submit"><?php echo translate('Save') ?></button>
+                </div>
+              </div>
+            </div>
             <div class="form-group row">
               <label for="skin" class="col-sm-3 col-form-label"><?php echo translate('Skin')?></label>
               <div class="col-sm-6">
@@ -107,9 +114,6 @@ foreach (array_map('basename', glob('skins/'.$skin.'/css/*', GLOB_ONLYDIR)) as $
                 <span class="form-text"><?php echo translate('CSSDescription'); ?></span>
               </div>
             </div>
-            <div id="contentButtons">
-              <button value="Save" type="submit"><?php echo translate('Save') ?></button>
-            </div>
           </form>
 <?php
 } else if ($tab == 'control') {
@@ -145,6 +149,9 @@ foreach (array_map('basename', glob('skins/'.$skin.'/css/*', GLOB_ONLYDIR)) as $
             <input type="hidden" name="tab" value="<?php echo $tab ?>"/>
             <input type="hidden" name="action" value="delete"/>
             <input type="hidden" name="object" value="storage"/>
+            <div class="col px-0">
+              <div class="row">
+                <div class="col overflow-auto">
                   <table id="contentTable" class="table table-striped">
                     <thead class="thead-highlight">
                       <tr>
@@ -195,10 +202,17 @@ foreach (array_map('basename', glob('skins/'.$skin.'/css/*', GLOB_ONLYDIR)) as $
 ?>
                     </tbody>
                   </table>
+                </div><!-- .col -->
+              </div> <!-- .row -->
+              <div class="row">
+                <div class="col">
                   <div id="contentButtons">
                     <button type="button" id="NewStorageBtn" value="<?php echo translate('AddNewStorage') ?>" disabled="disabled"><?php echo translate('AddNewStorage') ?></button>
                     <button type="submit" class="btn-danger" name="deleteBtn" value="Delete" disabled="disabled"><?php echo translate('Delete') ?></button>
                   </div>
+                </div>
+              </div> <!-- .row -->
+            </div> <!-- .col px-0 -->
           </form>
 <?php
 } else if ($tab == 'dnsmasq' and file_exists('skins/classic/views/_options_dnsmasq.php')) {
@@ -296,9 +310,13 @@ foreach (array_map('basename', glob('skins/'.$skin.'/css/*', GLOB_ONLYDIR)) as $
         <input type="hidden" name="view" value="<?php echo $view ?>"/>
         <input type="hidden" name="tab" value="<?php echo $tab ?>"/>
         <input type="hidden" name="action" value="options"/>
+          <div class="row">
+            <div class="col">
               <div id="contentButtons">
                 <button type="submit" <?php echo $canEdit?'':' disabled="disabled"' ?>><?php echo translate('Save') ?></button>
               </div>
+            </div>
+          </div>
         <div id="options">
 <?php
         if (!isset($configCats[$tab])) {
@@ -381,7 +399,7 @@ foreach (array_map('basename', glob('skins/'.$skin.'/css/*', GLOB_ONLYDIR)) as $
 <?php
 }
 ?>
-      </div><!-- end #options -->
+      </div><!-- end #optionsContainer -->
   </div> <!-- end row -->
 </div>
 <?php xhtmlFooter() ?>