From fc96d4dad15cc83b9ac490d7cc02a47be0340af3 Mon Sep 17 00:00:00 2001
From: Hadi Charara <hadi.charara@protonmail.com>
Date: Mon, 4 Jul 2022 14:24:08 -0400
Subject: [PATCH] Fixes buttons in episode overview in RTL layouts

---
 src/assets/css/librarybrowser.scss |  9 ---------
 src/styles/rtl.scss                | 12 ++++++++++++
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/assets/css/librarybrowser.scss b/src/assets/css/librarybrowser.scss
index a6464e2b33..3c12c27a48 100644
--- a/src/assets/css/librarybrowser.scss
+++ b/src/assets/css/librarybrowser.scss
@@ -672,15 +672,6 @@
         margin-bottom: 0;
         padding-left: 0;
     }
-
-    [dir="rtl"] & {
-        @include header-poster-padding-rtl;
-
-        @media all and (max-width: 32em) {
-            padding-left: unset;
-            padding-right: 0;
-        }
-    }
 }
 
 .subtitle {
diff --git a/src/styles/rtl.scss b/src/styles/rtl.scss
index 3d81d3d024..68719e0ad2 100644
--- a/src/styles/rtl.scss
+++ b/src/styles/rtl.scss
@@ -1,3 +1,5 @@
+@import '../assets/css/librarybrowser.scss';
+
 .chevron_right,
 .chevron_left,
 .arrow_back,
@@ -27,3 +29,13 @@
         right: 20em !important;
     }
 }
+
+.layout-mobile .mainDetailButtons {
+    padding-left: unset !important;
+    @include header-poster-padding-rtl;
+
+    @media all and (max-width: 32em) {
+        padding-left: unset !important;
+        padding-right: 0 Im !important;
+    }
+}