commit 1877858: [Minor] Refactor grid of selectors tab

[moisseev]

Author: moisseev
Date: 2020-06-19 12:13:50 +0300
URL: https://github.com/rspamd/rspamd/commit/187785857ff3dd0c9ed42be3f627c081ca10f289

[Minor] Refactor grid of selectors tab

---
 interface/css/rspamd.css |  4 ++++
 interface/index.html     | 60 +++++++++++++++++++++++-------------------------
 2 files changed, 33 insertions(+), 31 deletions(-)

diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css
index 515270573..c7335e558 100644
--- a/interface/css/rspamd.css
+++ b/interface/css/rspamd.css
@@ -492,3 +492,7 @@ input.radio {
 .w-1 {
     width: 1% !important;
 }
+
+#content label {
+    font-weight: normal;
+}
diff --git a/interface/index.html b/interface/index.html
index a84336a66..b8df750e2 100644
--- a/interface/index.html
+++ b/interface/index.html
@@ -328,38 +328,36 @@
 						<h5>Test Rspamd selectors</h5>
 					</div>
 					<div class="widget-content">
-						<h5>Message source:</h5>
-						<div class="row">
-							<form class="col-md-12">
-								<div class="form-group">
-									<textarea class="form-control" id="selectorsMsgArea" rows="9" placeholder="Paste raw message source"></textarea>
-								</div>
-								<div class="form-group">
-									<button class="btn btn-default pull-right" id="selectorsMsgClean"><i class="glyphicon glyphicon-trash"></i> Clean form</button>
-								</div>
-							</form>
-						</div>
+						<div class="row" id="row-main">
+								<div class="col-xs-12" id="content">
+								<form class="col-xs-12">
+									<div class="form-group row">
+										<div class="form-group">
+											<label for="selectorsMsgArea">Message source:</label>
+											<textarea class="form-control" id="selectorsMsgArea" rows="9" placeholder="Paste raw message source"></textarea>
+										</div>
+										<div class="form-group">
+											<button class="btn btn-default pull-right" id="selectorsMsgClean"><i class="glyphicon glyphicon-trash"></i> Clean form</button>
+										</div>
+									</div>
 
-						<h5>Selector(s):</h5>
-						<div class="row">
-							<form class="col-md-12">
-								<div class="form-group has-feedback">
-									<textarea class="form-control" id="selectorsSelArea" rows="1" placeholder="extractor.transform(arg);extractor.transform(arg);..."></textarea>
-									<span id="selector-feedback-icon" class="glyphicon form-control-feedback"></span>
-								</div>
-								<div class="form-group">
-									<button type="submit" class="btn btn-default btn-primary" id="selectorsChkMsgBtn"><i class="glyphicon glyphicon-search"></i> Check message</button>
-									<button class="btn btn-default pull-right" id="selectorsClean"><i class="glyphicon glyphicon-trash"></i> Clean form</button>
-								</div>
-							</form>
-						</div>
-						<h5>Result:</h5>
-						<div class="row">
-							<form class="col-md-12">
-								<div class="form-group">
-									<textarea class="form-control" id="selectorsResArea" rows="5" readonly></textarea>
-								</div>
-							</form>
+									<div class="form-group row">
+										<div class="form-group has-feedback">
+											<label for="selectorsSelArea">Selector(s):</label>
+											<textarea class="form-control" id="selectorsSelArea" rows="1" placeholder="extractor.transform(arg);extractor.transform(arg);..."></textarea>
+											<span id="selector-feedback-icon" class="glyphicon form-control-feedback"></span>
+										</div>
+										<div class="form-group">
+											<button type="submit" class="btn btn-default btn-primary" id="selectorsChkMsgBtn"><i class="glyphicon glyphicon-search"></i> Check message</button>
+											<button class="btn btn-default pull-right" id="selectorsClean"><i class="glyphicon glyphicon-trash"></i> Clean form</button>
+										</div>
+									</div>
+									<div class="form-group row">
+										<label for="selectorsResArea">Result:</label>
+										<textarea class="form-control" id="selectorsResArea" rows="5" readonly></textarea>
+									</div>
+								</form>
+							</div>
 						</div>
 					</div>
 				</div>