From a73186d7aa7c338eb7734d847d482d2a28be2c70 Mon Sep 17 00:00:00 2001
From: Hadi Charara <hadi.charara@protonmail.com>
Date: Fri, 23 Dec 2022 13:06:24 -0500
Subject: [PATCH] Fixed scss problems

---
 src/assets/css/librarybrowser.scss | 58 +++++++++++++++---------------
 1 file changed, 29 insertions(+), 29 deletions(-)

diff --git a/src/assets/css/librarybrowser.scss b/src/assets/css/librarybrowser.scss
index 0d7cbf6f67..68103114de 100644
--- a/src/assets/css/librarybrowser.scss
+++ b/src/assets/css/librarybrowser.scss
@@ -597,11 +597,6 @@
     display: flex;
     flex-direction: column;
 
-    .layout-mobile & {
-        padding-left: 5%;
-        padding-right: 5%;
-    }
-
     .layout-desktop &,
     .layout-tv & {
         .emby-scroller {
@@ -626,6 +621,11 @@
     }
 }
 
+.layout-mobile .detailPageContent {
+    padding-left: 5%;
+    padding-right: 5%;
+}
+
 .detailSectionContent a {
     color: inherit;
 }
@@ -744,12 +744,16 @@
 .layout-mobile .mainDetailButtons {
     align-items: center;
     justify-content: center;
-    text-align: center;
+    text-align: center !important;
 }
 
 .layout-mobile .mainDetailButtons {
     margin-top: 1em;
     margin-bottom: 0.5em;
+}
+
+.layout-mobile [dir="ltr"] .mainDetailButtons {
+    margin-left: 0;
 
     @include header-poster-padding;
 
@@ -758,20 +762,16 @@
         margin-bottom: 0;
         padding-left: 0;
     }
+}
 
-    [dir="ltr"] & {
-        margin-left: 0;
-    }
+.layout-mobile [dir="rtl"] .mainDetailButtons {
+    margin-right: 0;
 
-    [dir="rtl"] & {
-        margin-right: 0;
-        padding-left: unset !important;
+    @include header-poster-padding-rtl;
 
-        @include header-poster-padding-rtl;
-
-        @media all and (max-width: 32em) {
-            padding-right: 0 !important;
-        }
+    @media all and (max-width: 32em) {
+        margin-bottom: 0;
+        padding-right: 0;
     }
 }
 
@@ -839,22 +839,22 @@
     min-width: 0;
     max-width: 100%;
     flex: 1 0 0;
+}
 
-    .layout-mobile & {
-        [dir="ltr"] {
-            @include header-poster-padding;
-        }
-
-        [dir="rtl"] & {
-            @include header-poster-padding-rtl;
-        }
-
-        @media all and (max-width: 32em) {
-            position: relative;
-        }
+.layout-mobile .infoWrapper {
+    @media all and (max-width: 32em) {
+        position: relative;
     }
 }
 
+.layout-mobile [dir="ltr"] .infoWrapper {
+    @include header-poster-padding;
+}
+
+.layout-mobile [dir="rtl"] .infoWrapper {
+    @include header-poster-padding-rtl;
+}
+
 .infoText {
     min-width: 0;
     max-width: 100%;