From 27a6b8c1ea33ef3f579b220f3ed157064e79f3f3 Mon Sep 17 00:00:00 2001
From: Hadi Charara <hadi.charara@protonmail.com>
Date: Sun, 3 Jul 2022 14:12:38 -0400
Subject: [PATCH] Fixes to the metadata dialog

---
 src/components/dialog/dialog.template.html                 | 2 +-
 src/components/metadataEditor/metadataEditor.template.html | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/dialog/dialog.template.html b/src/components/dialog/dialog.template.html
index 6d4310c0f4..5c6f8e9000 100644
--- a/src/components/dialog/dialog.template.html
+++ b/src/components/dialog/dialog.template.html
@@ -1,5 +1,5 @@
 <div class="formDialogHeader formDialogHeader-clear justify-content-center">
-    <h1 class="formDialogHeaderTitle" style="margin-left:0;margin-top: .5em;padding: 0 1em;"></h1>
+    <h1 class="formDialogHeaderTitle" style="margin-inline-start:0;margin-top: .5em;padding: 0 1em;"></h1>
 </div>
 
 <div class="formDialogContent smoothScrollY">
diff --git a/src/components/metadataEditor/metadataEditor.template.html b/src/components/metadataEditor/metadataEditor.template.html
index 796bae550a..faecc5643d 100644
--- a/src/components/metadataEditor/metadataEditor.template.html
+++ b/src/components/metadataEditor/metadataEditor.template.html
@@ -3,7 +3,7 @@
     <h3 class="formDialogHeaderTitle">
         ${Edit}
     </h3>
-    <div style="margin-left: auto;" class="flex align-items-center justify-content-center">
+    <div style="margin-inline-start: auto;" class="flex align-items-center justify-content-center">
         <button is="emby-button" type="button" class="btnHeaderSave button-accent-flat button-flat hide" tabindex="-1">
             <span class="material-icons check" aria-hidden="true"></span>
             <span>${Save}</span>
@@ -29,7 +29,7 @@
                 <div id="fldPath" class="inputContainer">
                     <div class="align-items-center flex">
                         <div class="flex-grow">
-                            <input is="emby-input" id="txtPath" type="text" label="${LabelPath}" class="flex-grow" readonly />
+                            <input is="emby-input" id="txtPath" type="text" label="${LabelPath}" class="flex-grow" readonly dir="ltr"/>
                         </div>
                     </div>
                 </div>