Style expression browser a bit.

12 years ago · acb45c98f8
1 changed files with 14 additions and 9 deletions
--- a/static/index.html
+++ b/static/index.html
@ -3,19 +3,24 @@
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Prometheus Expression Browser</title>
+    <link type="text/css" rel="stylesheet" href="css/prometheus.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="js/exprBrowser.js"></script>
  </head>

  <body>
-    <form action="/api/query" method="GET" id="queryForm">
-      <input type="text" name="expr" size="100">
-      <input type="checkbox" name="json" id="json" value="JSON"><label for="json">JSON</label>
-      <input type="submit" value="Evaluate">
-    </form>
-    <hr>
-    <pre>
-      <div id="result"></div>
-    </pre>
+    <div class="grouping_box">
+      <form action="/api/query" method="GET" id="queryForm">
+        <label for="expr">Expression:</label>
+        <input type="text" name="expr" id="expr" size="100">
+        <input type="checkbox" name="json" id="json" value="JSON"><label for="json">JSON</label>
+        <input type="submit" value="Evaluate">
+      </form>
+    </div>
+    <div class="grouping_box">
+      <pre>
+        <div id="result"></div>
+      </pre>
+    </div>
  </body>
 </html>