dashboard styling

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;
-}
+}