Merge pull request ceph#64772 from rhcs-dashboard/form-and-style-fixes

mgr/dashboard: form and style fixes

Reviewed-by: Afreen Misbah <[email protected]>
Reviewed-by: Nizamudeen A <[email protected]>
Reviewed-by: Aashish Sharma <[email protected]>

Author: afreen23

src/pybind/mgr/dashboard/frontend/src/app/shared/components/inline-message/inline-message.component.html

@@ -28,7 +28,7 @@
         <h1 class="cds--type-heading-compact-01">{{ title }}</h1>
       }
 
-        <div class="cds--type-body-compact-01"
+        <div class="cds--type-body-01"
              [class.cds--text-truncate--end]="isTruncated">
           <ng-content></ng-content>
         </div>

src/pybind/mgr/dashboard/frontend/src/app/shared/forms/cd-form-group.ts

@@ -4,7 +4,8 @@ import {
   AsyncValidatorFn,
   UntypedFormGroup,
   NgForm,
-  ValidatorFn
+  ValidatorFn,
+  FormGroupDirective
 } from '@angular/forms';
 
 /**
@@ -65,7 +66,7 @@ export class CdFormGroup extends UntypedFormGroup {
   /**
    * Indicates errors of the control in templates
    */
-  showError(controlName: string, form: NgForm, errorName?: string): boolean {
+  showError(controlName: string, form: NgForm | FormGroupDirective, errorName?: string): boolean {
     const control = this.get(controlName);
     return (
       (form?.submitted || control.dirty) &&