[Minor] Use Bootstrap spacing in card headers

diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css
index c661c2ad1b8ae6eedde36c6e2cac1511ceb53a78..4a8c6eaeb97bb069f6b18d39723078569843eb1b 100644 (file)
--- a/interface/css/rspamd.css
+++ b/interface/css/rspamd.css
@@ -218,9 +218,6 @@ table#symbolsTable input[type="number"] {
     /* stylelint-disable-next-line function-name-case */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
 }
-.card-header {
-    height: 36px;
-}
 .card-header h6 {
     font-size: 0.857rem;
 }

diff --git a/interface/index.html b/interface/index.html
index 0369d5f3907f8375178aa86845dc201eccf229af..d4b47ccb51a53158e9e3b55a38f15e5f682aa060 100644 (file)
--- a/interface/index.html
+++ b/interface/index.html
@@ -89,9 +89,9 @@
                                <div class="row">
                                        <div class="col-lg-6">
                                                <div class="card bg-light shadow my-3">
-                                                       <div class="card-header text-secondary">
+                                                       <div class="card-header text-secondary py-2">
                                                                <span class="icon float-left mr-3"><i class="glyphicon glyphicon-tasks"></i></span>
-                                                               <h6 class="font-weight-bolder">Servers</h6>
+                                                               <h6 class="font-weight-bolder my-1">Servers</h6>
                                                        </div>
                                                                <div class="card-body nopadding table-responsive">
                                                                        <table class="table table-sm table-hover table-bordered text-nowrap mb-0" id="clusterTable">
@@ -112,9 +112,9 @@
                                        </div>
                                        <div class="col-lg-6">
                                                <div class="card bg-light shadow my-3">
-                                                       <div class="card-header text-secondary">
+                                                       <div class="card-header text-secondary py-2">
                                                                <span class="icon float-left mr-3"><i class="glyphicon glyphicon-signal"></i></span>
-                                                               <h6 class="font-weight-bolder">Statistics</h6>
+                                                               <h6 class="font-weight-bolder my-1">Statistics</h6>
                                                        </div>
                                                        <div class="card-body chart-content">
                                                                <div class="row">
@@ -131,9 +131,9 @@
 
                        <div class="tab-pane" id="throughput">
                                <div class="card bg-light shadow my-3">
-                                       <div class="card-header text-secondary">
+                                       <div class="card-header text-secondary py-2">
                                                <span class="icon float-left mr-3"><i class="glyphicon glyphicon-stats"></i></span>
-                                               <h6 class="font-weight-bolder">Throughput</h6>
+                                               <h6 class="font-weight-bolder my-1">Throughput</h6>
                                        </div>
                                        <div class="card-body">
                                                <div>
@@ -201,16 +201,16 @@
 
                        <div class="tab-pane" id="configuration">
                                <div class="card bg-light shadow my-3">
-                                       <div class="card-header text-secondary">
+                                       <div class="card-header text-secondary py-2">
                                                <span class="icon float-left mr-3"><i class="glyphicon glyphicon-tasks"></i></span>
-                                               <h6 class="font-weight-bolder">Actions</h6>
+                                               <h6 class="font-weight-bolder my-1">Actions</h6>
                                        </div>
                                        <div class="card-body actions-content" id="actionsBody"></div>
                                </div>
                                <div class="card bg-light shadow my-3">
-                                       <div class="card-header text-secondary">
+                                       <div class="card-header text-secondary py-2">
                                                <span class="icon float-left mr-3"><i class="glyphicon glyphicon-list"></i></span>
-                                               <h6 class="font-weight-bolder">Lists</h6>
+                                               <h6 class="font-weight-bolder my-1">Lists</h6>
                                        </div>
                                        <div class="card-body nopadding">
                                                <table class="table table-sm table-hover" id="listMaps">
@@ -221,9 +221,9 @@
 
                        <div class="tab-pane" id="symbols">
                                <div class="card bg-light shadow my-3">
-                                       <div class="card-header text-secondary  d-flex">
+                                       <div class="card-header text-secondary py-2  d-flex">
                                                <span class="icon float-left mr-3"><i class="glyphicon glyphicon-tasks"></i></span>
-                                               <h6 class="font-weight-bolder" class="ml-0">Symbols and rules</h6>
+                                               <h6 class="font-weight-bolder my-1" class="ml-0">Symbols and rules</h6>
                                                <div class="align-self-center ml-auto mr-1">
                                                        <button class="btn btn-info btn-sm" id="updateSymbols">
                                                                <i class="glyphicon glyphicon-refresh"></i> Update
@@ -238,9 +238,9 @@
 
                        <div class="tab-pane" id="scan">
                                <div class="card bg-light shadow my-3">
-                                       <div class="card-header text-secondary">
+                                       <div class="card-header text-secondary py-2">
                                                <span class="icon float-left mr-3"><i class="glyphicon glyphicon-envelope"></i></span>
-                                               <h6 class="font-weight-bolder">Scan suspected message</h6>
+                                               <h6 class="font-weight-bolder my-1">Scan suspected message</h6>
                                        </div>
                                        <div class="card-body">
                                                <div class="row">
@@ -258,9 +258,9 @@
                                        </div>
                                </div>
                                <div class="card learn" style="display: none;">
-                                       <div class="card-header text-secondary">
+                                       <div class="card-header text-secondary py-2">
                                                <span class="icon float-left mr-3"><i class="glyphicon glyphicon-education"></i></span>
-                                               <h6 class="font-weight-bolder">Learn Rspamd</h6>
+                                               <h6 class="font-weight-bolder my-1">Learn Rspamd</h6>
                                        </div>
                                        <div class="card-body">
                                                <div class="row">
@@ -298,9 +298,9 @@
                                </div>
 
                                <div class="card bg-light shadow my-3">
-                                       <div class="card-header text-secondary d-flex">
+                                       <div class="card-header text-secondary py-2 d-flex">
                                                <span class="icon float-left mr-3"><i class="glyphicon glyphicon-eye-open"></i></span>
-                                               <h6 class="font-weight-bolder" class="ml-0">Scan results history</h6>
+                                               <h6 class="font-weight-bolder my-1" class="ml-0">Scan results history</h6>
                                                <div id="scanResult" class="form-inline card-header-form input-group-sm align-self-center ml-auto mr-1">
                                                                <label for="selSymOrder_scan">Symbols order:</label>
                                                                <select id="selSymOrder_scan" class="form-control ml-1">
@@ -325,9 +325,9 @@
 
                        <div class="tab-pane" id="selectors">
                                <div class="card bg-light shadow my-3">
-                                       <div class="card-header text-secondary">
+                                       <div class="card-header text-secondary py-2">
                                                <span class="icon float-left mr-3"><i class="glyphicon glyphicon-envelope"></i></span>
-                                               <h6 class="font-weight-bolder">Test Rspamd selectors</h6>
+                                               <h6 class="font-weight-bolder my-1">Test Rspamd selectors</h6>
                                        </div>
                                        <div class="card-body py-0">
                                                <div class="row" id="row-main">
@@ -407,9 +407,9 @@
                        <div class="tab-pane" id="history">
 
                                <div class="card bg-light shadow my-3">
-                                       <div class="card-header text-secondary d-flex">
+                                       <div class="card-header text-secondary py-2 d-flex">
                                                <span class="icon float-left mr-3"><i class="glyphicon glyphicon-eye-open"></i></span>
-                                               <h6 class="font-weight-bolder" class="ml-0">History</h6>
+                                               <h6 class="font-weight-bolder my-1" class="ml-0">History</h6>
                                                <div class="form-inline card-header-form input-group-sm align-self-center ml-auto mr-1">
                                                        <label for="selSymOrder_history">Symbols order:</label>
                                                        <select id="selSymOrder_history" class="form-control ml-1">
@@ -434,9 +434,9 @@
                                        </div>
                                </div>
                                <div class="card bg-light shadow my-3" id="errors-history">
-                                       <div class="card-header text-secondary d-flex">
+                                       <div class="card-header text-secondary py-2 d-flex">
                                                <span class="icon float-left mr-3"><i class="glyphicon glyphicon-eye-open"></i></span>
-                                               <h6 class="font-weight-bolder" class="ml-0">Errors</h6>
+                                               <h6 class="font-weight-bolder my-1" class="ml-0">Errors</h6>
                                                <div class="align-self-center ml-auto mr-1">
                                                        <button class="btn btn-info btn-sm" id="updateErrors">
                                                                <i class="glyphicon glyphicon-refresh"></i> Update