[Minor] Refactor grid of selectors tab

diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css
index 515270573ba586b340bb12ded25b4787bf14ec92..c7335e558685f1bdef015f012c0dce36d436c689 100644 (file)
--- 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 a84336a66fe1764eb3ed920b9f6a0dfb05329d18..b8df750e246a0e01e69cfba9db2218bd1de70d76 100644 (file)
--- 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>