Merge pull request #16825 from abpframework/issue/volo-13437

add abp-md-form

npm/ng-packs/packages/account/src/lib/components/change-password/change-password.component.html

@@ -1,4 +1,4 @@
-<form [formGroup]="form" (ngSubmit)="onSubmit()" [mapErrorsFn]="mapErrorsFn" validateOnSubmit>
+<form [formGroup]="form" (ngSubmit)="onSubmit()" [mapErrorsFn]="mapErrorsFn" validateOnSubmit class="abp-md-form">
   <div *ngIf="!hideCurrentPassword" class="mb-3 form-group">
     <label for="current-password" class="form-label">{{
       'AbpIdentity::DisplayName:CurrentPassword' | abpLocalization

npm/ng-packs/packages/account/src/lib/components/manage-profile/manage-profile.component.html

@@ -1,6 +1,6 @@
 <div id="AbpContentToolbar"></div>
-
-<div class="card border-0 shadow-sm min-h-400" [abpLoading]="!(profile$ | async)?.userName">
+.
+<div class="card border-0 shadow-sm min-h-400" [abpLoading]="!(profile$ | async)?.userName" >
   <div class="card-body">
     <div class="row">
       <div class="col-12 col-md-3">

npm/ng-packs/packages/account/src/lib/components/personal-settings/personal-settings.component.html

@@ -1,4 +1,4 @@
-<form [formGroup]="form"   *ngIf="form"  (ngSubmit)="submit()" validateOnSubmit>
+<form [formGroup]="form"   *ngIf="form"  (ngSubmit)="submit()" validateOnSubmit class="abp-md-form">
   <abp-extensible-form [selectedRecord]="selected"></abp-extensible-form>
 
   <abp-button

npm/ng-packs/packages/theme-basic/src/lib/constants/styles.ts

@@ -147,4 +147,8 @@ background-color: rgba(0, 0, 0, 0.6);
     background-color: transparent;
     padding: 0.27rem;
 }
+
+.abp-md-form {
+    max-width: 540px;
+  }
 `;