Revize 0e5facf6

Re #8806 - Nastylovat senzor
+ Add styles for components

src/app/sensor/components/sensor.component.html

@@ -15 +15 @@
     <div class="col-xs-3">
       <div class="input-group form-group">
         <div class="input-group-prepend">
-          <span class="input-group-text text-color-date background-date-color">From</span>
+          <span class="input-group-text text-color-date background-date-color"><i class="fa fa-calendar-alt" aria-hidden="false"></i>From</span>
         </div>
         <p-calendar [style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" [(ngModel)]="from" [showTime]="true" (onSelect)="showGraph()" [maxDate]="today"></p-calendar>
       </div>
@@ -24 +24 @@
     <div class="col-xs-3">
       <div class="input-group form-group">
         <div class="input-group-prepend">
-          <span class="input-group-text text-color-date background-date-color">To</span>
+          <span class="input-group-text text-color-date background-date-color"><i class="fa fa-calendar-alt" aria-hidden="false"></i>To</span>
         </div>
         <p-calendar [style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" [(ngModel)]="to" [showTime]="true" (onSelect)="showGraph()" [maxDate]="today"></p-calendar>
       </div>

src/assets/scss/_graph.scss

@@ -1 +1 @@
 .graph {
   margin-top: 15px;
 
-  button {
+  p-calendar {
+    background-color: #F2F2F2 !important;
+    color: #0B1226 !important;
   }
 
   input {
     background-color: #F2F2F2;
+    color: #0B1226;
+  }
+
+  li {
+    background-color: #F2F2F2;
+    color: #0B1226;
   }
 
   p-calendar {
     color: #0B1226 !important;
   }
 
+  p-listbox {
+    background-color: #BCBCBC;
+
+    .ng-star-inserted {
+      color: #0B1226;
+    }
+  }
+
   .text-color-sensor-unit {
     color: #0B1226;
   }
@@ -23 +39 @@
   .background-date-color {
     background-color: #6c757d !important;
   }
+
+  .p-listbox-list-wrapper{
+     background-color: #F2F2F2;
+   }
+
+  .p-highlight {
+    background-color: #6c757d !important;
+  }
+
+  .input-group-prepend {
+    padding-left: 10px;
+  }
 }