system: brush up last bits of config history

src/www/diag_confbak.php

@@ -225,15 +225,19 @@ $( document ).ready(function() {
             </div>
           </form>
           <?php if ($diff): ?>
-          <section style="margin-bottom:15px;">
-            <div class="content-box">
-              <header class="content-box-head container-fluid">
-                  <h3><?=gettext("Configuration diff from");?> <?= date(gettext("n/j/y H:i:s"), $oldtime); ?> <?=gettext("to");?> <?=date(gettext("n/j/y H:i:s"), $newtime); ?></h3>
-              </header>
-              <div class="content-box-main">
-                <div class="container-fluid __mb">
-                  <div class="table-responsive" style="overflow: scroll;">
-                    <table class="table table-condensed table-striped">
+          <div class="content-box tab-content table-responsive __mb" style="overflow: scroll;">
+            <table class="table table-striped">
+              <tr>
+                <th colspan="2" valign="top" class="listtopic">
+                  <?= sprintf(
+                        gettext('Configuration diff from %s to %s'),
+                        date(gettext('n/j/y H:i:s'), $oldtime),
+                        date(gettext('n/j/y H:i:s'), $newtime)
+                      ); ?>
+	        </th>
+              </tr>
+              <tr>
+                <td>
 <?php
                   foreach ($diff as $line):
                     switch (substr($line, 0, 1)) {
@@ -248,19 +252,13 @@ $( document ).ready(function() {
                         break;
                       default:
                         $color = '#000000';
-                      }
-                      ?>
-                      <tr>
-                        <td style="color: <?=$color;?>; white-space: pre-wrap; font-family: monospace;"><?=htmlentities($line);?></td>
+                    } ?>
+                  <span style="color: <?=$color;?>; white-space: pre-wrap; font-family: monospace;"><?=htmlentities($line);?></span><br/>
+<?php endforeach; ?>
+                </td>
               </tr>
-<?php
-                    endforeach;?>
             </table>
           </div>
-               </div>
-            </div>
-            </div>
-          </section>
           <?php endif; ?>
           <?php if (count($confvers)): ?>
           <form method="get">
@@ -269,9 +267,7 @@ $( document ).ready(function() {
               <header class="content-box-head container-fluid">
                 <h3><?=gettext('History');?></h3>
               </header>
-              <div class="content-box-main">
-                <div class="container-fluid __mb">
-                  <table class="table table-condensed">
+              <table class="table table-responsive">
                 <tr>
                   <td>
                     <button type="submit" name="diff" class="btn btn-primary pull-left" value="Diff">
@@ -283,7 +279,6 @@ $( document ).ready(function() {
                   </td>
                 </tr>
               </table>
-                </div>
               <table class="table table-striped">
                 <thead>
                   <tr>
@@ -342,7 +337,6 @@ $( document ).ready(function() {
                 </tbody>
               </table>
             </div>
-            </div>
           </section>
         </form>
         <?php endif ?>