Merge pull request #3939 from Simpler1/patch-13

feat(logs): Consistent spacing for terms and buttons

web/skins/classic/css/base/skin.css

@@ -157,6 +157,13 @@ button.btn {
   font-size: 18px;
   margin-bottom: 3px;
 }
+#toolbar .btn-normal {
+  margin-right: 3px;
+}
+#rightButtons .btn-normal,
+#leftButtons .btn-normal {
+  margin-right: 0px;
+}
 input, textarea, select, button, .btn-primary {
     border: 1px #ccc solid;
     padding: 5px;
@@ -740,6 +747,12 @@ ul.nav.nav-pills.flex-column {
   background-color: #f5f5f5; 
 }
 
+#toolbar,
+.filterTable {
+  display:flex;
+  flex-wrap: wrap;
+}
+
 .controlHeader .chosen-container,
 #header .chosen-container,
 #fbpanel .chosen-container,

web/skins/classic/css/base/views/events.css

@@ -43,12 +43,6 @@ input[type="number"].form-control {
   padding: 5px;
 }
 
-#toolbar,
-.filterTable {
-  display:flex;
-  flex-wrap: wrap;
-}
-
 #events {
   height: 100%;
   overflow: visible;

web/skins/classic/views/log.php

@@ -39,46 +39,58 @@ getBodyTopHTML();
     <div id="toolbar">
       <button id="backBtn" class="btn btn-normal" data-toggle="tooltip" data-placement="top" title="<?php echo translate('Back') ?>" disabled><i class="fa fa-arrow-left"></i></button>
       <button id="refreshBtn" class="btn btn-normal" data-toggle="tooltip" data-placement="top" title="<?php echo translate('Refresh') ?>" ><i class="fa fa-refresh"></i></button>
-      <span class="ComponentFilter">
+      <div class="controlHeader">
+      <span class="term ComponentFilter">
         <label><?php echo translate('Component') ?></label>
 <?php
 $components = dbFetchAll('SELECT DISTINCT Component FROM Logs ORDER BY Component', 'Component');
 ZM\Debug(print_r($components, true));
 $options = [''=>translate('All')] + array_combine($components, $components);
 ZM\Debug(print_r($options, true));
+echo '<span class="term-value-wrapper">';
 echo htmlSelect('filterComponent', $options, '', array('id'=>'filterComponent', 'class'=>'chosen'));
+echo '</span>';
 ?>
       </span>
 <?php if (count($Servers)>1) { ?>
-      <span class="ServerFilter">
+      <span class="term ServerFilter">
         <label><?php echo translate('Server') ?></label>
 <?php
 $ServersById = array(''=>translate('All')) + array_to_hash_by_key('Id', $Servers);
+echo '<span class="term-value-wrapper">';
 echo htmlSelect('filterServerId', $ServersById, '', array('id'=>'filterServerId', 'class'=>'chosen'));
+echo '</span>';
 ?>
       </span>
 <?php } ?>
-      <span class="LevelFilter">
+      <span class="term LevelFilter">
         <label><?php echo translate('Level') ?></label>
 <?php
 $levels = array(''=>translate('All'));
 foreach (array_values(ZM\Logger::$codes) as $level) {
   $levels[$level] = $level;
 }
+echo '<span class="term-value-wrapper">';
 echo htmlSelect('filterLevel', $levels,
     (isset($_SESSION['ZM_LOG_FILTER_LEVEL']) ? $_SESSION['ZM_LOG_FILTER_LEVEL'] : ''),
     array('data-on-change'=>'filterLog', 'id'=>'filterLevel', 'class'=>'chosen'));
     #array('class'=>'form-control chosen', 'data-on-change'=>'filterLog'));
+echo '</span>';
 ?>
       </span>
-      <span class="StartDateTimeFilter">
+      <span class="term StartDateTimeFilter">
         <label><?php echo translate('Start Date/Time') ?></label>
+        <span class="term-value-wrapper">
           <input type="text" name="filterStartDateTime" id="filterStartDateTime" value=""/>
         </span>
-      <span class="EndDateTimeFilter">
+      </span>
+      <span class="term EndDateTimeFilter">
         <label><?php echo translate('End Date/Time') ?></label>
+        <span class="term-value-wrapper">
           <input type="text" name="filterEndDateTime" id="filterEndDateTime" value=""/>
         </span>
+      </span>
+      </div>
     </div><!--toolbar-->
 
     <table