visualy improved auto-translate-disabled dialog

Author: DujeVatavuk

projects/eav-ui/src/app/edit/form/wrappers/localization-wrapper/auto-translate-disabled-warning-dialog/auto-translate-disabled-warning-dialog.component.html

@@ -1,25 +1,13 @@
-<!-- <div>
-  <div class="mat-card__header">
-    <div class="mat-card__title">
-      {{ 'LangMenu.Dialog.CantAutoTranslate' | translate }}
+<div class="dialog-card">
+  <div mat-dialog-title>
+    <div class="dialog-title-box">
+      <div>{{ 'LangMenu.Dialog.CantAutoTranslate' | translate }}</div>
+      <button mat-icon-button tippy="Close dialog" (click)="closeDialog()">
+        <mat-icon>close</mat-icon>
+      </button>
     </div>
-    <div *ngIf="dialogData.isAutoTranslateAll" class="mat-card__description">
-      {{'LangMenu.Dialog.NoAutoTranslatableFields' | translate }}
-    </div>
-    <div *ngIf="!dialogData.isAutoTranslateAll" class="mat-card__description">
-      {{'LangMenu.Dialog.ThisFieldIsNotAutoTranslatable' | translate }}
-    </div>
-  </div>
-</div> -->
-
-<div mat-dialog-title>
-  <div class="dialog-title-box">
-    <div>{{ 'LangMenu.Dialog.CantAutoTranslate' | translate }}</div>
-    <button mat-icon-button tippy="Close dialog" (click)="closeDialog()">
-      <mat-icon>close</mat-icon>
-    </button>
   </div>
-</div>
 
-<p class="dialog-description" *ngIf="dialogData.isAutoTranslateAll">{{'LangMenu.Dialog.NoAutoTranslatableFields' | translate }}</p>
-<p class="dialog-description" *ngIf="!dialogData.isAutoTranslateAll">{{'LangMenu.Dialog.ThisFieldIsNotAutoTranslatable' | translate }}</p>
+  <p class="dialog-description" *ngIf="dialogData.isAutoTranslateAll">{{'LangMenu.Dialog.NoAutoTranslatableFields' | translate }}</p>
+  <p class="dialog-description" *ngIf="!dialogData.isAutoTranslateAll">{{'LangMenu.Dialog.ThisFieldIsNotAutoTranslatable' | translate }}</p>
+</div>

projects/eav-ui/src/app/edit/form/wrappers/localization-wrapper/auto-translate-disabled-warning-dialog/auto-translate-disabled-warning-dialog.component.scss

@@ -1,3 +1,3 @@
-.dialog-title-box, .dialog-description {
-  margin-left: 10px;
+.dialog-card {
+  padding: 10px 10px 10px 20px;
 }