commit 6ead39b: [Minor] Move controls to card footer

[moisseev]

Author: moisseev
Date: 2020-07-21 14:09:41 +0300
URL: https://github.com/rspamd/rspamd/commit/6ead39b9f5e207ccd1fe78e5dce89f263e170e99

[Minor] Move controls to card footer

---
 interface/index.html | 77 ++++++++++++++++++++++++++--------------------------
 1 file changed, 39 insertions(+), 38 deletions(-)

diff --git a/interface/index.html b/interface/index.html
index 92726ef8b..c8c05e5cc 100644
--- a/interface/index.html
+++ b/interface/index.html
@@ -154,46 +154,47 @@
 									<div id="rrd-total">Total messages: <span id="rrd-total-value"></span></div>
 								</div>
 							</div>
-
-							<form id="graph_controls" action="#">
-								Dataset:
-								<select id="selData" class="form-control">
-									<option value="day" selected>By day</option>
-									<option value="week">By week</option>
-									<option value="month">By month</option>
-									<option value="year">By year</option>
-								</select>
-								Y-scale:
-								<select id="selYScale" class="form-control">
-									<option value="lin" selected>Lin</option>
-									<option value="log">Log</option>
-								</select>
-								Convert to:
-								<select id="selConvert" class="form-control">
-									<option value="" selected>--</option>
-									<option value="percentage">percentage</option>
-								</select>
-								Chart type:
-								<select id="selType" class="form-control">
-									<option value="line" selected>Line</option>
-									<option value="area">Stacked area</option>
-								</select>
-								<a title="“Curves” section of “d3-shape” library documentation" href="https://github.com/d3/d3-shape#curves" target="_blank">Interpolation mode</a>:
-								<select id="selInterpolate" class="form-control">
-									<option value="curveLinear" selected>linear</option>
-									<option value="curveStep">step</option>
-									<option value="curveStepBefore">stepBefore</option>
-									<option value="curveStepAfter">stepAfter</option>
-									<option value="curveBasis">basis</option>
-									<option value="curveBasisOpen">basisOpen</option>
-									<option value="curveBundle">bundle</option>
-									<option value="curveCardinal">cardinal</option>
-									<option value="curveCardinalOpen">cardinalOpen</option>
-									<option value="curveMonotoneX">monotoneX</option>
-								</select>
-							</form>
 						</div>
 					</div>
+					<div class="card-footer pt-0 text-center">
+						<form id="graph_controls" action="#">
+							Dataset:
+							<select id="selData" class="form-control">
+								<option value="day" selected>By day</option>
+								<option value="week">By week</option>
+								<option value="month">By month</option>
+								<option value="year">By year</option>
+							</select>
+							Y-scale:
+							<select id="selYScale" class="form-control">
+								<option value="lin" selected>Lin</option>
+								<option value="log">Log</option>
+							</select>
+							Convert to:
+							<select id="selConvert" class="form-control">
+								<option value="" selected>--</option>
+								<option value="percentage">percentage</option>
+							</select>
+							Chart type:
+							<select id="selType" class="form-control">
+								<option value="line" selected>Line</option>
+								<option value="area">Stacked area</option>
+							</select>
+							<a title="“Curves” section of “d3-shape” library documentation" href="https://github.com/d3/d3-shape#curves" target="_blank">Interpolation mode</a>:
+							<select id="selInterpolate" class="form-control">
+								<option value="curveLinear" selected>linear</option>
+								<option value="curveStep">step</option>
+								<option value="curveStepBefore">stepBefore</option>
+								<option value="curveStepAfter">stepAfter</option>
+								<option value="curveBasis">basis</option>
+								<option value="curveBasisOpen">basisOpen</option>
+								<option value="curveBundle">bundle</option>
+								<option value="curveCardinal">cardinal</option>
+								<option value="curveCardinalOpen">cardinalOpen</option>
+								<option value="curveMonotoneX">monotoneX</option>
+							</select>
+						</form>
+					</div>
 				</div>
 			</div>