From 07c76747f0e06c1ae8c74e02389a0f988a908878 Mon Sep 17 00:00:00 2001 From: Johannes 'fish' Ziemke Date: Mon, 25 Mar 2013 16:06:36 +0100 Subject: [PATCH] Clean up of graph UI's form. - Removed unnecessary spaces and labels. - Aligned elements for cleaner look. --- web/static/css/prometheus.css | 27 +++++++++++++--- web/static/graph.html | 61 ++++++++++++++++++----------------- 2 files changed, 53 insertions(+), 35 deletions(-) diff --git a/web/static/css/prometheus.css b/web/static/css/prometheus.css index 27c45ae755..c085d0f868 100644 --- a/web/static/css/prometheus.css +++ b/web/static/css/prometheus.css @@ -4,6 +4,8 @@ body { line-height: 20px; color: #333333; background-color: #eee; + margin: 0px; + padding: 0px; } input:not([type=submit]):not([type=file]):not([type=button]) { @@ -24,6 +26,15 @@ input:not([type=submit]):not([type=file]):not([type=button]) { border-radius: 4px; } +.grouping_box .head, .eval_stats { + display: inline-block; + vertical-align: top; +} + +.grouping_box .head .opts { + float: right; +} + .graph { min-height: 400px; overflow-x: hidden; @@ -31,14 +42,20 @@ input:not([type=submit]):not([type=file]):not([type=button]) { div.legend { display: block; + overflow: scroll; } -form { - display: inline-block; +input { + margin: 0; + border: 1px solid black; } -.eval_stats { - display: inline; - vertical-align: top; +select { + z-index: 10; + width: 150px; } +input[name=end_input], input[name=range_input] { + margin-left: -4px; + margin-right: -4px; +} diff --git a/web/static/graph.html b/web/static/graph.html index da6f6d7c11..f1fd52fc26 100644 --- a/web/static/graph.html +++ b/web/static/graph.html @@ -20,6 +20,8 @@ + + @@ -27,38 +29,37 @@
- - - - -
- - - - - - - - - - - - - - - - - - - - - - +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + +
+
+
ajax_spinner -