From 92df204e1c0a5627d146aebcb8cc69bd35d5d35c Mon Sep 17 00:00:00 2001
From: mehmet-erim <bilgi@mehmeterim.com>
Date: Thu, 3 Sep 2020 12:43:54 +0300
Subject: [PATCH] fix: resolve margin problem in permissions modal

---
 .../lib/components/permission-management.component.html    | 2 +-
 .../src/lib/components/permission-management.component.ts  | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.html b/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.html
index a34d674970..60b145b9f9 100644
--- a/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.html
+++ b/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
diff --git a/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.ts b/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.ts
index c2220a30d2..eb66a576f1 100644
--- a/npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.ts
+++ b/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(