UI: refactoring

ui-ngx/src/app/modules/home/components/vc/entity-types-version-create.component.html

@@ -77,7 +77,7 @@
                 </div>
               </div>
               <div fxLayout="row" fxLayout.xs="column" fxLayoutGap.gt-xs="16px" fxLayoutAlign.gt-xs="start center"
-                   formGroupName="config" ngStyle.gt-xs="min-height: 60px;">
+                   formGroupName="config" ngStyle.gt-xs="min-height: 76px;">
                 <mat-slide-toggle formControlName="allEntities">
                   {{ 'version-control.all-entities' | translate }}
                 </mat-slide-toggle>

ui-ngx/src/app/modules/home/components/vc/entity-version-restore.component.html

@@ -27,14 +27,14 @@
   <mat-spinner *ngIf="!entityDataInfo" mode="indeterminate" diameter="80"></mat-spinner>
   <form *ngIf="entityDataInfo" [formGroup]="restoreFormGroup" style="padding-top: 16px;">
     <fieldset [disabled]="isLoading$ | async">
-      <div fxFlex fxLayout="column" fxLayoutGap="16px">
-        <mat-checkbox *ngIf="entityDataInfo.hasCredentials" formControlName="loadCredentials">
+      <div fxFlex fxLayout="column">
+        <mat-checkbox *ngIf="entityDataInfo.hasCredentials" formControlName="loadCredentials" style="margin-bottom: 16px;">
           {{ 'version-control.load-credentials' | translate }}
         </mat-checkbox>
-        <mat-checkbox *ngIf="entityDataInfo.hasAttributes" formControlName="loadAttributes">
+        <mat-checkbox *ngIf="entityDataInfo.hasAttributes" formControlName="loadAttributes" style="margin-bottom: 16px;">
           {{ 'version-control.load-attributes' | translate }}
         </mat-checkbox>
-        <mat-checkbox *ngIf="entityDataInfo.hasRelations" formControlName="loadRelations">
+        <mat-checkbox *ngIf="entityDataInfo.hasRelations" formControlName="loadRelations" style="margin-bottom: 16px;">
           {{ 'version-control.load-relations' | translate }}
         </mat-checkbox>
       </div>