From ac60c18565839dd79aac09000a57a7ce3eab29c0 Mon Sep 17 00:00:00 2001
From: Craine Runton <craine.runton@distilnetworks.com>
Date: Thu, 4 Aug 2016 16:04:24 -0600
Subject: [PATCH] Layout changes to the web page

---
 web_service/index.html | 30 +++++++++++++++++++-----------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/web_service/index.html b/web_service/index.html
index 53050a2..c04d963 100644
--- a/web_service/index.html
+++ b/web_service/index.html
@@ -28,23 +28,31 @@
         </div>
       </div>
       <div class="row">
-        <div class="col-xs-12 text-center">
+        <div class="col-xs-12 col-md-6">
+          <p class="lead">By status:</p>
           <div class="form-inline">
             <div class="form-group">
-              <label>Response Type: </label>
-              <label class="checkbox-inline">
-                <input type="checkbox" id="response_type_1" value="normal" checked="checked"> Normal
-              </label>
-              <label class="checkbox-inline">
-                <input type="checkbox" id="response_type_2" value="warning" checked="checked"> Warning
-              </label>
-              <label class="checkbox-inline">
+              <label class="form-check-label">
                 <input type="checkbox" id="response_type_3" value="danger" checked="checked"> Danger
               </label>
-              <label class="checkbox-inline">
+            </div>
+            <div class="form-group">
+              <label class="form-check-label">
+                <input type="checkbox" id="response_type_2" value="warning" checked="checked"> Warning
+              </label>
+            </div>
+            <div class="form-group">
+              <label class="form-check-label">
+                <input class="form-check-input" type="checkbox" id="response_type_1" value="normal" checked="checked"> Normal
+              </label>
+            </div>
+            <div class="form-group">
+              <label class="form-check-label">
                 <input type="checkbox" id="response_type_4" value="info" checked="checked"> Info
               </label>
-              <label class="checkbox-inline">
+            </div>
+            <div class="form-group">
+              <label class="form-check-label">
                 <input type="checkbox" id="response_type_5" value="error" checked="checked"> Error
               </label>
             </div>