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, 6 insertions, 6 deletions

diff --git a/src/static/css/base.css b/src/static/css/base.css
index 9fec97e..4673a5e 100644
--- a/src/static/css/base.css
+++ b/src/static/css/base.css
@@ -20,6 +20,12 @@
     color: inherit;
 }
 
+/* Make sure pre elements wrap to not break box sizing */
+/* Note: the pre element or parent may need to use the text-break class as well */
+.pre-wrap {
+    white-space: pre-wrap;
+}
+
 /* Allow for sidebar to be small, but also resize on small screens */
 .sidebar {
     min-width: 200px;
@@ -72,12 +78,6 @@ a[aria-expanded="true"] > i.rotate {
     cursor: not-allowed;
 }
 
-/* Used with position-absolute class to make a full height object */
-.topToBottom {
-    bottom: 0;
-    top: 0;
-}
-
 .z-2 {
     z-index: 2;
 }