system: backups part 2/3

src/www/diag_backup.php

@@ -520,18 +520,16 @@ $( document ).ready(function() {
       <?php if (isset($input_errors) && count($input_errors) > 0) print_input_errors($input_errors); ?>
       <form action="diag_backup.php" method="post" enctype="multipart/form-data">
         <section class="col-xs-12">
-          <section class="__mb">
-            <div class="content-box">
-              <header class="content-box-head container-fluid">
-                <h3><?=gettext('Download')?></h3>
-              </header>
-              <div class="content-box-main">
-                <div class="table-responsive">
-                  <table class="table table-striped">
+          <div class="content-box tab-content table-responsive __mb">
+            <table class="table table-striped ">
               <tbody>
+                <tr>
+                  <th colspan="2" valign="top" class="listtopic">
+                    <?=gettext("Download"); ?>
+                  </th>
+                </tr>
                 <tr>
                   <td>
-                          <?=gettext("Click this button to download the system configuration in XML format."); ?><br /><br />
                     <?=gettext("Backup area:");?>
                     <select name="backuparea" id="backuparea">
                       <option value=""><?=gettext("ALL");?></option>
@@ -543,15 +541,10 @@ $( document ).ready(function() {
                       <option value="<?=$area;?>"><?=$areaname;?></option>
 <?php
                     endforeach;?>
-                          </select>
-                      </tr>
-                      <tr>
-                        <td>
+                    </select><br/>
                     <input name="encrypt" type="checkbox" id="encryptconf" />
                     <?=gettext("Encrypt this configuration file."); ?><br/>
-                          <input name="donotbackuprrd" type="checkbox" id="dotnotbackuprrd" checked="checked" />
-                          <?=gettext("Do not backup RRD data (NOTE: RRD Data can consume 4+ megabytes of config.xml space!)"); ?>
-                          <div class="hidden table-responsive" id="encrypt_opts">
+                    <div class="hidden table-responsive __mb __mt" id="encrypt_opts">
                       <table class="table table-condensed">
                         <tr>
                           <td><?=gettext("Password:"); ?></td>
@@ -563,16 +556,23 @@ $( document ).ready(function() {
                         </tr>
                       </table>
                     </div>
-                          <hr/>
-                          <input name="download" type="submit" class="btn btn-primary __mt" value="<?=gettext("Download configuration"); ?>" />
+                    <input name="donotbackuprrd" type="checkbox" id="dotnotbackuprrd" checked="checked" />
+                    <?=gettext("Do not backup RRD data (NOTE: RRD Data can consume 4+ megabytes of config.xml space!)"); ?>
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    <input name="download" type="submit" class="btn btn-primary" value="<?=gettext("Download configuration"); ?>" />
+                  </td>
+                </tr>
+                <tr>
+                  <td>
+                    <?=gettext("Click this button to download the system configuration in XML format."); ?>
                   </td>
                 </tr>
               </tbody>
             </table>
           </div>
-              </div>
-            </div>
-          </section>
           <section class="__mb">
             <div class="content-box">
               <header class="content-box-head container-fluid">