From 252439a59e435fcb44c4692c6522083e03282038 Mon Sep 17 00:00:00 2001 From: Parker Berberian Date: Fri, 18 Jan 2019 14:43:11 -0500 Subject: Style Account pages Adds some prettiness to the account pages that list bookings, etc Change-Id: I90508cfafba00380d67965a038dc54d1fac43f60 Signed-off-by: Parker Berberian --- dashboard/src/static/css/detail_view.css | 33 +++++++++++++++++++++----------- 1 file changed, 22 insertions(+), 11 deletions(-) (limited to 'dashboard/src/static') diff --git a/dashboard/src/static/css/detail_view.css b/dashboard/src/static/css/detail_view.css index 89d0867..69a2643 100644 --- a/dashboard/src/static/css/detail_view.css +++ b/dashboard/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; } -- cgit 1.2.3-korg