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, 51 insertions, 63 deletions

diff --git a/src/templates/dashboard/landing.html b/src/templates/dashboard/landing.html
index 72f9e6e..f0fa954 100644
--- a/src/templates/dashboard/landing.html
+++ b/src/templates/dashboard/landing.html
@@ -15,74 +15,62 @@
 </div>
 {% csrf_token %}
 
-<div class="container-fluid">
-    <div class="row">
-        <!-- About us -->
-        <div class="col-12 col-lg-6 mb-4">
-            <h2 class="border-bottom">About Us:</h2>
-            <p>The Lab as a Service (LaaS) project aims to help in the development and testing of LFN projects such as
-                OPNFV
-                by hosting hardware and providing access to the community. Currently, the only participating lab is the
-                University of New Hampshire Interoperability Lab (UNH-IOL).</p>
-            <p>To get started, you can request access to a server at the right. PTL's have the ability to design and
-                book a
-                whole block of servers with customized layer2 networks (e.g. a Pharos Pod). Read more here: <a
-                    href="https://wiki.opnfv.org/display/INF/Lab+as+a+Service+2.0">LaaS Wiki</a></p>
+<div class="row">
+    <!-- About us -->
+    <div class="col-12 col-lg-6 mb-4">
+        <h2 class="border-bottom">About Us</h2>
+        <p>The Lab as a Service (LaaS) project aims to help in the development and testing of LFN projects such as
+            OPNFV
+            by hosting hardware and providing access to the community. Currently, the only participating lab is the
+            University of New Hampshire Interoperability Lab (UNH-IOL).</p>
+        <p>To get started, you can request access to a server at the right. PTL's have the ability to design and
+            book a
+            whole block of servers with customized layer2 networks (e.g. a Pharos Pod). Read more here: <a
+                href="https://wiki.opnfv.org/display/INF/Lab+as+a+Service+2.0">LaaS Wiki</a></p>
+    </div>
+
+    <!-- Get started -->
+    <div class="col-12 col-lg-6 mb-4">
+        <h2 class="border-bottom">Get Started</h2>
+        {% if request.user.is_anonymous %}
+        <h4 class="text-center">
+            To get started, please log in with your <a href="/accounts/login">Linux Foundation Jira account</a>
+        </h4>
+        {% else %}
+        <p>To get started, book a server below:</p>
+        <a class="btn btn-primary btn-lg d-flex flex-column justify-content-center align-content-center border text-white p-4"
+            href="/booking/quick/">
+            Book a Server
+        </a>
+        <p class="mt-4">PTLs can use our advanced options to book multi-node pods. If you are a PTL, you may use the options
+            below:
+        </p>
+        <div class="btn-group-vertical w-100">
+            <button class="btn btn-primary" onclick="create_workflow(0)">Book a Pod</button>
+            <button class="btn btn-primary" onclick="create_workflow(1)">Design a Pod</button>
+            <button class="btn btn-primary" onclick="create_workflow(2)">Configure a Pod</button>
         </div>
-        <!-- Get started -->
-        <div class="col-12 col-lg-6 mb-4">
-            <h2 class="border-bottom">Get Started:</h2>
-            {% if request.user.is_anonymous %}
-            <h4 class="text-center">
-                To get started, please log in with your <a href="/accounts/login">Linux Foundation Jira account</a>
-            </h4>
-            {% else %}
-            <p>To get started, book a server below:</p>
-            <a class="btn btn-primary d-flex flex-column justify-content-center align-content-center border text-white p-4"
-                href="/booking/quick/">
-                <h4>Book a Server</h4>
+        {% endif %}
+    </div>
+
+    <!-- Returning users -->
+    {% if not request.user.is_anonymous %}
+    <div class="col-12 col-lg-6 offset-lg-6 mb-4 mt-lg-4">
+        <h2 class="ht-4 border-bottom">Returning Users</h2>
+        <p>If you're a returning user, some of the following options may be of interest:</p>
+        <div class="btn-group-vertical w-100">
+            <button class="btn btn-primary" onclick="create_workflow(3)">Snapshot a Host</button>
+            <a class="btn btn-primary" href="{% url 'account:my-bookings' %}">
+                My Bookings
             </a>
-            <p class="mt-4">PTLs can use our advanced options to book multi-node pods. If you are a PTL, you may use the options
-                below:
-            </p>
-            <div class="row">
-                <div class="col-12 col-xl-4">
-                    <button class="btn btn-primary w-100" onclick="create_workflow(0)">Book a Pod</button>
-                </div>
-                <div class="col-12 col-xl-4">
-                    <button class="btn btn-primary w-100" onclick="create_workflow(1)">Design a Pod</button>
-                </div>
-                <div class="col-12 col-xl-4">
-                    <button class="btn btn-primary w-100" onclick="create_workflow(2)">Configure a Pod</button>
-                </div>
-            </div>
+            {% if manager == True %}
+            <button class="btn btn-primary" onclick="continue_workflow()">
+                Resume Workflow
+            </button>
             {% endif %}
         </div>
-        <!-- Returning users -->
-        {% if not request.user.is_anonymous %}
-        <div class="col-12 col-lg-6 offset-lg-6 mb-4 mt-lg-4">
-            <h2 class="ht-4 border-bottom">Returning Users:</h2>
-            <p>If you're a returning user, some of the following options may be of interest:</p>
-            <div class="row">
-                <div class="col-12 col-xl-4">
-                    <button class="btn btn-primary w-100" onclick="create_workflow(3)">Snapshot a Host</button>
-                </div>
-                <div class="col-12 col-xl-4">
-                    <a class="btn btn-primary w-100" href="{% url 'account:my-bookings' %}">
-                        My Bookings
-                    </a>
-                </div>
-                {% if manager == True %}
-                    <div class="col-12 col-xl-4">
-                        <button class="btn btn-primary w-100" onclick="continue_workflow()">
-                            Resume Workflow
-                        </button>
-                    </div>
-                {% endif %}
-            </div>
-        </div>
-        {% endif %}
     </div>
+    {% endif %}
 </div>
 
 <div class="hidden_form d-none" id="form_div">