Style Account pages

Adds some prettiness to the account pages that list bookings, etc

Change-Id: I90508cfafba00380d67965a038dc54d1fac43f60
Signed-off-by: Parker Berberian <pberberian@iol.unh.edu>

1 files changed, 22 insertions, 11 deletions

diff --git a/src/static/css/detail_view.css b/src/static/css/detail_view.css
index 89d0867..69a2643 100644
--- a/src/static/css/detail_view.css
+++ b/src/static/css/detail_view.css
@@ -1,14 +1,25 @@
-.detail_card {
-        border: 2px;
-        border-color: black;
-        border-radius: 5px;
-        margin: 5px;
-        padding: 5px;
-        box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
+.card_container {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+    grid-gap: 25px 25px;
+    justify-items: stretch;
+}
+
+.card_container ul > li {
+    padding: 7px !important;
+    font-size: 16px;
 }
 
-.detail_btn_group {
-        margin: 3px;
-        padding: 3px;
-        padding-bottom: 5px;
+.detail_card {
+    border: 2px;
+    border-color: black;
+    border-radius: 5px;
+    margin: 5px;
+    padding-left: 25px;
+    padding-right: 25px;
+    padding-bottom: 15px;
+    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
 }