Fix issues with load spinner and stats

[so.git] / so-monitoring / so-monitoring-ui / src / main / frontend / src / app / home / home.component.scss

diff --git a/so-monitoring/so-monitoring-ui/src/main/frontend/src/app/home/home.component.scss b/so-monitoring/so-monitoring-ui/src/main/frontend/src/app/home/home.component.scss
index d475c52..923066f 100644 (file)
--- a/so-monitoring/so-monitoring-ui/src/main/frontend/src/app/home/home.component.scss
+++ b/so-monitoring/so-monitoring-ui/src/main/frontend/src/app/home/home.component.scss
@@ -19,7 +19,6 @@ SPDX-License-Identifier: Apache-2.0
 \r
 @authors: ronan.kenny@ericsson.com, waqas.ikram@ericsson.com\r
 */\r
-\r
 @import "~@angular/material/prebuilt-themes/indigo-pink.css";\r
 \r
 .searchArea {\r
@@ -77,7 +76,7 @@ SPDX-License-Identifier: Apache-2.0
 }\r
 \r
 .fa {\r
- float: left;\r
+  float: left;\r
   width: 120px;\r
   padding: 10px;\r
   background: #2196F3;\r
@@ -103,28 +102,29 @@ form.example::after {
   display: inline-flex;\r
 }\r
 \r
-.startDate, .endDate{\r
+.endDate,\r
+.startDate {\r
   margin-left: 90px;\r
   width: 140px;\r
 }\r
 \r
-.selectHour, .selectMinute{\r
+.selectHour,\r
+.selectMinute {\r
   margin-left: 30px;\r
-  width: 100px\r
+  width: 100px;\r
 }\r
 \r
-#servStats{\r
+#servStats {\r
   background-color: white;\r
   padding: 10px;\r
   font-size: 17px;\r
   font-family: 'Montserrat', sans-serif;\r
 }\r
 \r
-hr {\r
-    display: block;\r
-    height: 1px;\r
-    border: 0;\r
-    border-top: 1px solid #ccc;\r
-    margin: 1em 0;\r
-    padding: 0;\r
+.statsTable {\r
+  td {\r
+    padding: 12px 80px 12px 12px;\r
+    text-align: left;\r
+    border-bottom: 1px solid #ccc;\r
+  }\r
 }\r