last styling changes.

Author: AugustHA-Iterator

src/app/applications/datatarget/fiware/fiware-edit/fiware-edit.component.html

@@ -208,25 +208,23 @@ <h6>{{ "QUESTION.DATATARGET.RELATIONS" | translate }}</h6>
             <tr *ngFor="let element of payloadDeviceDatatarget; let i = index" [attr.data-index]="i">
               <td>
                 <div class="row">
-                  <mat-form-field appearance="outline">
+                  <mat-form-field appearance="fill">
                     <mat-label>{{ "QUESTION.DATATARGET.SELECT-DEVICES" | translate }}</mat-label>
                     <mat-select multiple name="devices" [compareWith]="compare" [(value)]="element.iotDeviceIds">
-                      <mat-option disabled="disabled" class="filter-option">
                         <button mat-raised-button class="mat-primary fill text-sm" (click)="selectAllDevices(i)">
                           {{ "QUESTION.DATATARGET.SELECTALLDEVICES" | translate }}
                         </button>
                         <button mat-raised-button class="mat-primary fill text-sm" (click)="deSelectAllDevices(i)">
                           {{ "QUESTION.DATATARGET.DESELECTALLDEVICES" | translate }}
                         </button>
-                      </mat-option>
                       <mat-option *ngFor="let device of devices" [value]="device.id">{{ device.name }}</mat-option>
                     </mat-select>
                   </mat-form-field>
                 </div>
               </td>
               <td>
                 <div class="row">
-                  <mat-form-field appearance="outline">
+                  <mat-form-field appearance="fill">
                     <mat-label>{{ "QUESTION.DATATARGET.SELECT-PAYLOADDECODER" | translate }}</mat-label>
                     <mat-select matNativeControl name="payloadDecoderId" [(value)]="element.payloadDecoderId">
                       <mat-option [value]="0">

src/app/applications/datatarget/fiware/fiware-edit/fiware-edit.component.scss

@@ -2,3 +2,7 @@
   margin-left: 5px;
   cursor: pointer;
 }
+
+::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled) {
+  background-color: white !important;
+}

src/app/applications/datatarget/httppush/httppush-edit/httppush-edit.component.scss

@@ -1,3 +1,3 @@
-.mat-mdc-text-field-wrapper .mdc-text-field{
+::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled) {
   background-color: white !important;
 }

src/app/applications/datatarget/mqtt-edit/mqtt-edit.component.scss

@@ -0,0 +1,3 @@
+::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled) {
+  background-color: white !important;
+}

src/app/applications/datatarget/opendatadk/opendatadk.component.scss

@@ -0,0 +1,3 @@
+::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled) {
+  background-color: white !important;
+}

src/assets/scss/components/_topbar.scss

@@ -81,3 +81,7 @@
 .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
   background-color: transparent !important;
 }
+
+.mat-mdc-form-field-focus-overlay {
+  background-color: transparent !important;
+}