fix: resolve margin problem in permissions modal

npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.html

@@ -63,7 +63,7 @@
                 let i = index;
                 trackBy: trackByFn
               "
-              [style.margin-left]="permission.margin + 'px'"
+              [ngStyle]="getMarginStyle(permission.margin)"
               class="custom-checkbox custom-control mb-2"
             >
               <input

npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.ts

@@ -6,6 +6,7 @@ import { finalize, map, pluck, switchMap, take, tap } from 'rxjs/operators';
 import { GetPermissions, UpdatePermissions } from '../actions/permission-management.actions';
 import { PermissionManagement } from '../models/permission-management';
 import { PermissionManagementState } from '../states/permission-management.state';
+import { LocaleDirection } from '@abp/ng.theme.shared';
 
 type PermissionWithMargin = PermissionManagement.Permission & {
   margin: number;
@@ -286,6 +287,12 @@ export class PermissionManagementComponent
 
     return false;
   }
+
+  getMarginStyle(margin: number) {
+    return {
+      [`margin-${(document.body.dir as LocaleDirection) === 'rtl' ? 'right' : 'left'}.px`]: margin,
+    };
+  }
 }
 
 function findMargin(