Basic RTL tweaks

src-ui/src/rtl.scss

@@ -0,0 +1,87 @@
+[dir="rtl"] {
+  .btn-group,
+  .input-group,
+  .pagination {
+      flex-direction: row-reverse;
+  }
+
+  .sidebar {
+    right: 0;
+    left: auto;
+  }
+
+  .sidebar-slim-toggler {
+    right: auto;
+    left: -12px;
+  }
+
+  .ms-sm-auto {
+    margin-inline-start: auto !important;
+    margin-inline-end: 0 !important;
+  }
+
+  .nav {
+    padding-inline-start: 0;
+    padding-inline-end: 0;
+  }
+
+  .dropdown-toggle:after {
+    margin-inline-start: .255em;
+    margin-inline-end: 0;
+  }
+
+  .ms-auto {
+    margin-inline-start: auto !important;
+    margin-inline-end: 0 !important;
+  }
+
+  .ms-1 {
+    margin-inline-start: .25rem !important;
+    margin-inline-end: 0 !important;
+  }
+
+  .ms-2 {
+    margin-inline-start: .5rem !important;
+    margin-inline-end: 0 !important;
+  }
+
+  .ms-3 {
+    margin-inline-start: 1rem !important;
+    margin-inline-end: 0 !important;
+  }
+
+  .me-1 {
+    margin-inline-start: 0 !important;
+    margin-inline-end: .25rem !important;
+  }
+
+  .me-2 {
+    margin-inline-start: 0 !important;
+    margin-inline-end: .5rem !important;
+  }
+
+  .me-3 {
+    margin-inline-start: 0 !important;
+    margin-inline-end: 1rem !important;
+  }
+
+  .ps-1 {
+    padding-inline-start: .25rem !important;
+    padding-inline-end: 0 !important;
+  }
+
+  .ps-2 {
+    padding-inline-start: .5rem !important;
+    padding-inline-end: 0 !important;
+  }
+
+  .pe-1 {
+    padding-inline-start: 0 !important;
+    padding-inline-end: .25rem !important;
+  }
+
+  .pe-2 {
+    padding-inline-start: 0 !important;
+    padding-inline-end: .5rem !important;
+  }
+}

src-ui/src/styles.scss

@@ -16,6 +16,7 @@ $form-file-button-hover-bg: var(--pngx-bg-alt);
 
 @import "node_modules/bootstrap/scss/bootstrap";
 @import "theme";
+@import "rtl";
 @import "~@ng-select/ng-select/themes/default.theme.css";
 @import "print";