UI: Refactoring error container

ui-ngx/src/app/modules/home/components/widget/lib/multiple-input-widget.component.html

@@ -207,11 +207,11 @@
       {{ saveButtonLabel }}
     </button>
   </div>
-  <div class="tb-multiple-input__errors" *ngIf="(!entityDetected || !isAllParametersValid) && datasourceDetected">
-    <div class="tb-multiple-input__error" [fxHide]="entityDetected">
+  <div class="tb-multiple-input--errors-container" *ngIf="(!entityDetected || !isAllParametersValid) && datasourceDetected">
+    <div class="tb-multiple-input--errors-container__error" [fxHide]="entityDetected">
       {{ 'widgets.input-widgets.no-entity-selected' | translate }}
     </div>
-    <div class="tb-multiple-input__error" [fxShow]="entityDetected && !isAllParametersValid">
+    <div class="tb-multiple-input--errors-container__error" [fxShow]="entityDetected && !isAllParametersValid">
       {{ 'widgets.input-widgets.not-allowed-entity' | translate }}
     </div>
   </div>

ui-ngx/src/app/modules/home/components/widget/lib/multiple-input-widget.component.scss

@@ -95,17 +95,17 @@
       }
     }
 
-    &__errors {
+    &--errors-container {
       height: 100%;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
-    }
-    &__error {
-      text-align: center;
-      font-size: 18px;
-      color: #a0a0a0;
+      &__error {
+        text-align: center;
+        font-size: 18px;
+        color: #a0a0a0;
+      }
     }
   }
 }