1 files changed, 130 insertions, 0 deletions
diff --git a/so-admin-cockpit-monitoring-workflow/so-admin-cockpit-monitoring-workflow-ui/src/main/frontend/src/app/home/home.component.scss b/so-admin-cockpit-monitoring-workflow/so-admin-cockpit-monitoring-workflow-ui/src/main/frontend/src/app/home/home.component.scss
new file mode 100644
index 0000000..9260e4c
--- /dev/null
+++ b/so-admin-cockpit-monitoring-workflow/so-admin-cockpit-monitoring-workflow-ui/src/main/frontend/src/app/home/home.component.scss
@@ -0,0 +1,130 @@
+/**
+============LICENSE_START=======================================================
+Copyright (C) 2018 Ericsson. All rights reserved.
+================================================================================
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+
+SPDX-License-Identifier: Apache-2.0
+============LICENSE_END=========================================================
+
+@authors: ronan.kenny@ericsson.com, waqas.ikram@ericsson.com
+*/
+@import "~@angular/material/prebuilt-themes/indigo-pink.css";
+
+.searchArea {
+  background-color: white;
+  padding: 10px;
+  height: 345px;
+  box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
+}
+
+.mat-form-field-appearance-legacy .mat-form-field-wrapper {
+  padding-bottom: 1.25em;
+  font-family: 'Montserrat', sans-serif;
+}
+
+.selectFilter {
+  width: 120px;
+}
+
+.valueInput {
+  width: 400px;
+  margin-left: 30px;
+}
+
+.selectFilter.mat-select.ng-tns-c5-1.ng-star-inserted {
+  font-family: 'Montserrat', sans-serif;
+  font-size: 17px;
+}
+
+.mat-form-field-flex .valueInput {
+  font-family: 'Montserrat', sans-serif;
+  font-size: 17px;
+}
+
+.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
+  color: #00285F;
+}
+
+.mat-option {
+  font-size: 17px;
+  line-height: 3em;
+  height: 3em;
+  font-family: 'Montserrat', sans-serif;
+}
+
+.mat-select-arrow {
+  color: #00285F;
+}
+
+.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
+  color: #00285F;
+}
+
+.mat-form-field-appearance-legacy .mat-form-field-underline {
+  color: #00285F;
+}
+
+.fa {
+  float: left;
+  width: 120px;
+  padding: 10px;
+  background: #2196F3;
+  color: white;
+  height: 40px;
+  font-size: 17px;
+  border: 1px solid grey;
+  border-left: none;
+  cursor: pointer;
+}
+
+form.example button:hover {
+  background: #0b7dda;
+}
+
+form.example::after {
+  content: "";
+  clear: both;
+  display: table;
+}
+
+.formFields {
+  display: inline-flex;
+}
+
+.endDate,
+.startDate {
+  margin-left: 90px;
+  width: 140px;
+}
+
+.selectHour,
+.selectMinute {
+  margin-left: 30px;
+  width: 100px;
+}
+
+#servStats {
+  background-color: white;
+  padding: 10px;
+  font-size: 17px;
+  font-family: 'Montserrat', sans-serif;
+}
+
+.statsTable {
+  td {
+    padding: 12px 80px 12px 12px;
+    text-align: left;
+    border-bottom: 1px solid #ccc;
+  }
+}