commit 528d799: [Minor] Use Bootstrap spacing in card headers
moisseev
moiseev at mezonplus.ru
Sat Jul 4 19:42:10 UTC 2020
Author: moisseev
Date: 2020-07-04 19:51:47 +0300
URL: https://github.com/rspamd/rspamd/commit/528d799ed6e150dfa643db49c700dd44ceac6c54 (refs/pull/3421/head)
[Minor] Use Bootstrap spacing in card headers
---
interface/css/rspamd.css | 3 ---
interface/index.html | 48 ++++++++++++++++++++++++------------------------
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
More information about the Commits
mailing list