From 414735c183a931cda58a19b8a49101a8a055fe20 Mon Sep 17 00:00:00 2001
From: Paul Gear <github@libertysys.com.au>
Date: Sun, 22 Feb 2015 21:55:56 +1000
Subject: [PATCH] Vertically compact controls on main graph screen

I'm still not entirely happy with the layout, but this should be a
little more streamlined.  Feedback appreciated.
---
 html/pages/graphs.inc.php | 55 ++++++++++++++++++---------------------
 1 file changed, 26 insertions(+), 29 deletions(-)

diff --git a/html/pages/graphs.inc.php b/html/pages/graphs.inc.php
index a7e467317..7cb239d82 100644
--- a/html/pages/graphs.inc.php
+++ b/html/pages/graphs.inc.php
@@ -124,31 +124,6 @@ if (!$auth)
   echo("<hr />");
 
   // datetime range picker
-  echo("
-    <form id='customrange' action=\"test\">
-    <p>
-  ");
-  echo("<input type=hidden id='selfaction' value='" . $_SERVER['REQUEST_URI'] . "'>");
-  echo('<div class="row">
-        <div class="col-sm-2">
-            <div class="form-group">
-                <label for="dtpickerfrom">From: </label>
-                <div class="input-group date" id="dtpicker1">
-                    <input type="text" class="form-control" id="dtpickerfrom" maxlength="16" value="' . date('Y-m-d H:i', $graph_array['from']) . '" data-date-format="YYYY-MM-DD HH:mm">
-                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
-                </div>
-            </div>
-        </div>
-        <div class="col-sm-2">
-            <div class="form-group">
-                <label for="dtpickerto">To: </label>
-                <div class="input-group date" id="dtpicker2">
-                    <input type="text" class="form-control" id="dtpickerto" maxlength=16 value="' . date('Y-m-d H:i', $graph_array['to']) . '" data-date-format="YYYY-MM-DD HH:mm">
-                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
-                </div>
-            </div>
-        </div>
-    </div>');
 ?>
     <script type="text/javascript">
         $(function () {
@@ -169,12 +144,34 @@ if (!$auth)
         }
     </script>
 <?php
-    echo("
-    <input type='submit' class='btn btn-default' id='submit' value='Update' onclick='javascript:submitCustomRange(this.form);'>
-    </p>
+  echo("
+    <form class='form-inline' id='customrange' action='test'>
+    <input type=hidden id='selfaction' value='" . $_SERVER['REQUEST_URI'] . "'>");
+  echo('<div class="row">
+        <div class="col-sm-2 form-group">
+	    <label class="control-label" for="dtpicker1">From:</label>
+	    <div class="input-group date" id="dtpicker1">
+		<input type="text" class="form-control" id="dtpickerfrom" maxlength="16" value="' . date('Y-m-d H:i', $graph_array['from']) . '" data-date-format="YYYY-MM-DD HH:mm">
+		<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
+	    </div>
+	</div>
+	<div class="col-sm-2 form-group">
+	    <label class="control-label" for="dtpicker2">To: </label>
+	    <div class="input-group date" id="dtpicker2">
+		<input type="text" class="form-control" id="dtpickerto" maxlength=16 value="' . date('Y-m-d H:i', $graph_array['to']) . '" data-date-format="YYYY-MM-DD HH:mm">
+		<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
+	    </div>
+	</div>
+	<div class="col-sm-2 form-group">
+	    <label class="control-label" for="submit">&nbsp;</label>
+	    <div class="input-group">
+		<input type="submit" class="btn btn-default" id="submit" value="Update" onclick="javascript:submitCustomRange(this.form);">
+	    </div>
+	</div>
+    </div>
     </form>
 
-  ");
+  ');
 
   echo("<hr />");