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, 4 insertions, 8 deletions

diff --git a/src/templates/workflow/viewport-base.html b/src/templates/workflow/viewport-base.html
index 4ae2ff3..bb13ab7 100644
--- a/src/templates/workflow/viewport-base.html
+++ b/src/templates/workflow/viewport-base.html
@@ -30,7 +30,7 @@
     </div>
 </div>
 <!-- Top header -->
-<div class="row px-4">
+<div class="row">
     <div class="col">
         <div id="iframe_header" class="row view-header">
             <div class="col-lg-12">
@@ -44,13 +44,9 @@
         <button id="cancel_btn" class="btn btn-danger ml-auto" onclick="pop_workflow()">Cancel</button>
     </div>
 </div>
-<div class="row d-flex flex-column flex-grow-1">
-    <div class="container-fluid d-flex flex-column h-100">
-        <div class="row d-flex flex-grow-1 p-4">
-            <div class="col-12 d-flex flex-grow-1 px-0">
-                <div id="formContainer" class="h-100 w-100"></div>
-            </div>
-        </div>
+<div class="row d-flex flex-column flex-grow-1 mt-3">
+    <div class="col flex-grow-1">
+        <div id="formContainer" class="h-100 w-100"></div>
     </div>
 </div>
 {% csrf_token %}