From f688f7a5ce663446cc8549143258c38ccf6a3380 Mon Sep 17 00:00:00 2001 From: ganga satish kumar Date: Sat, 12 Mar 2022 22:52:10 +0530 Subject: [PATCH] dashboard styling --- src/app/dashboard/dashboard.component.scss | 32 ++++++++-------------- 1 file changed, 12 insertions(+), 20 deletions(-) diff --git a/src/app/dashboard/dashboard.component.scss b/src/app/dashboard/dashboard.component.scss index 8fb1dc48d..d409f5ad2 100644 --- a/src/app/dashboard/dashboard.component.scss +++ b/src/app/dashboard/dashboard.component.scss @@ -1,45 +1,37 @@ -header, -.row { +header, .row { display: flex; - /* aligns all child elements (flex items) in a row */ + /* aligns all child elements (flex items) in a row */ } - .title { text-align: center; background-color: #0b5fa4; - color: #ffffff; + color: #fff; padding: 1rem; margin: 1rem 0rem 1rem 0rem; - - .titleTxt { - font-size: 1rem; - font-weight: bold; - } } - +.title .titleTxt { + font-size: 1rem; + font-weight: bold; +} .header { background-color: #b4e8fd; width: 100%; text-align: center; - - div { - background-color: #b4e8fd; - } } - +.header div { + background-color: #b4e8fd; +} .page-container { margin: 2% 0% 0% 2%; min-width: fit-content; } - .col { word-wrap: break-word; - /* distributes space on the line equally among items */ + /* distributes space on the line equally among items */ border: 1px solid black; min-width: 5%; padding: 0.2%; } - .row { flex-direction: row; -} \ No newline at end of file +}