[Minor] Use Bootstrap spacing in card headers

2 files changed, 24 insertions, 27 deletions

diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css
index c661c2ad1..4a8c6eaeb 100644
--- 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 0369d5f39..d4b47ccb5 100644
--- 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