style: make more consistent styles

- Fix indentation in places
- User settings have better labels
- Lab info title now the same as others
- Add "empty" sections to be more helpful to the user. They are not
using links, since most of the "workflow" is handled by javascript.
- Update padding in places to better line up with other elements
- Add padding to bootstrap notifications (add check for messages to not
just have random padding on the top of the page)
- Remove unnecessary text in a form
- Remove card-body from table-only or list-only cards (lists and tables
are now flush with cards)
- Add bg-danger to not-working hosts
- Replace True/False text shown to the user with Yes/No
- Remove ":" from some headers
- Vertical buttons are now in a button group
- Add pre-wrap class to avoid pre from breaking box sizing on the
booking detail page
- Reduce table indent in pod card and add table overflow scrollbar

Signed-off-by: Jeremy Plsek <jeremyplsek@gmail.com>
Change-Id: If09dca2f2b7386c44eeeb817ef76e8f748e456da

1 files changed, 20 insertions, 22 deletions

diff --git a/src/templates/booking/stats.html b/src/templates/booking/stats.html
index ed34731..94239f9 100644
--- a/src/templates/booking/stats.html
+++ b/src/templates/booking/stats.html
@@ -41,33 +41,31 @@ function getData(){
 {% endblock %}
 
 {% block content %}
-    <div class="container-fluid">
-        <div class="row">
-                <div class="col-auto">
-                        <p>Number of days to plot: </p>
-                        <div class="form-group d-flex align-content-center">
-                            <input id="number_days" type="number" class="form-control d-inline-block w-auto" min="1" step="1"/>
-                            <button class="btn btn-primary ml-1" onclick="getData();">Submit</button>
-                        </div>
-                </div>
+<div class="row">
+    <div class="col-auto">
+        <p>Number of days to plot: </p>
+        <div class="form-group d-flex align-content-center">
+            <input id="number_days" type="number" class="form-control d-inline-block w-auto" min="1" step="1"/>
+            <button class="btn btn-primary ml-1" onclick="getData();">Submit</button>
         </div>
-        <div class="row">
-            <div class="col-12 col-md-10">
-                <!-- These graphs do NOT get redrawn when the browser size is changed -->
-                <div id="all_graph_container border" class="mw-100">
-                    <div id="booking_graph_wrapper">
-                        <div id="booking_graph_container"/>
-                    </div>
-                    <div id="user_graph_wrapper">
-                        <div id="user_graph_container"/>
-                    </div>
-                </div>
+    </div>
+</div>
+<div class="row">
+    <div class="col-12 col-md-10">
+        <!-- These graphs do NOT get redrawn when the browser size is changed -->
+        <div id="all_graph_container border" class="mw-100">
+            <div id="booking_graph_wrapper">
+                <div id="booking_graph_container"/>
+            </div>
+            <div id="user_graph_wrapper">
+                <div id="user_graph_container"/>
             </div>
         </div>
     </div>
-    <script>
+</div>
+<script>
 var data = {{data|safe}};
 drawGraph(data["booking"], "booking_graph_container", "Active Bookings");
 drawGraph(data["user"], "user_graph_container", "Active Users");
-    </script>
+</script>
 {% endblock content %}