WIP

APP/src/app/features/users/components/create-user-dialog/create-user-dialog.component.html

@@ -1,5 +1,6 @@
 <kendo-dialog title="Add New User" (close)="onCancel()" [minWidth]="460" [width]="500">
   <form [formGroup]="form" class="k-form k-form-vertical k-p-2">
+    <div class="grid grid-cols-1 gap-y-3">
 
     <kendo-formfield>
       <kendo-label text="Email *"></kendo-label>
@@ -8,14 +9,14 @@
       <kendo-formerror *ngIf="form.get('email')?.errors?.['email']">Invalid email.</kendo-formerror>
     </kendo-formfield>
 
-    <kendo-formfield class="k-mt-3">
+    <kendo-formfield>
       <kendo-label text="Roles *"></kendo-label>
       <kendo-multiselect formControlName="roles" [data]="roleOptions"
         placeholder="Select roles"></kendo-multiselect>
       <kendo-formerror>At least one role is required.</kendo-formerror>
     </kendo-formfield>
 
-    <kendo-formfield class="k-mt-3">
+    <kendo-formfield>
       <kendo-label text="Language"></kendo-label>
       <kendo-dropdownlist formControlName="languagePreference"
         [data]="langOptions" textField="text" valueField="value"
@@ -23,12 +24,13 @@
       </kendo-dropdownlist>
     </kendo-formfield>
 
-    <kendo-formfield class="k-mt-3">
+    <kendo-formfield>
       <kendo-label text="Member ID (optional)"></kendo-label>
       <kendo-numerictextbox formControlName="memberId" [format]="'0'"
         placeholder="Link to a member record"></kendo-numerictextbox>
     </kendo-formfield>
 
+    </div>
   </form>
 
   <kendo-dialog-actions>

APP/src/app/features/users/components/edit-user-dialog/edit-user-dialog.component.html

@@ -1,5 +1,6 @@
 <kendo-dialog title="Edit User" (close)="onCancel()" [minWidth]="460" [width]="500">
   <form [formGroup]="form" class="k-form k-form-vertical k-p-2">
+    <div class="grid grid-cols-1 gap-y-3">
 
     <kendo-formfield>
       <kendo-label text="Email *"></kendo-label>
@@ -8,13 +9,13 @@
       <kendo-formerror *ngIf="form.get('email')?.errors?.['email']">Invalid email.</kendo-formerror>
     </kendo-formfield>
 
-    <kendo-formfield class="k-mt-3">
+    <kendo-formfield>
       <kendo-label text="Roles *"></kendo-label>
       <kendo-multiselect formControlName="roles" [data]="roleOptions"
         placeholder="Select roles"></kendo-multiselect>
     </kendo-formfield>
 
-    <kendo-formfield class="k-mt-3">
+    <kendo-formfield>
       <kendo-label text="Language"></kendo-label>
       <kendo-dropdownlist formControlName="languagePreference"
         [data]="langOptions" textField="text" valueField="value"
@@ -22,11 +23,12 @@
       </kendo-dropdownlist>
     </kendo-formfield>
 
-    <div class="k-d-flex k-align-items-center k-gap-2 k-mt-4">
+    <div class="flex items-center gap-2">
       <input kendoCheckBox type="checkbox" formControlName="isActive" id="isActiveCheck" />
       <kendo-label for="isActiveCheck" text="Account Active"></kendo-label>
     </div>
 
+    </div>
   </form>
 
   <kendo-dialog-actions>