From 6ad9e090f687180408ad4ea292da2430def7642d Mon Sep 17 00:00:00 2001
From: dkanada <dkanada@users.noreply.github.com>
Date: Tue, 12 Nov 2019 00:23:27 +0900
Subject: [PATCH 1/2] align scroller items with heading

---
 src/components/cardbuilder/card.css            | 15 ---------------
 src/components/emby-scroller/emby-scroller.css |  5 +++++
 2 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/components/cardbuilder/card.css b/src/components/cardbuilder/card.css
index 942e05c77a..f52cb81fff 100644
--- a/src/components/cardbuilder/card.css
+++ b/src/components/cardbuilder/card.css
@@ -32,18 +32,6 @@ button {
 
 .itemsContainer {
     display: flex;
-    margin-left: -0.6em;
-    margin-right: -0.6em;
-}
-
-/* TODO replace this with a proper fix */
-/* doesnt work on mobile devices */
-/* negative margin fixes annoying misalignment with cards and title */
-@media all and (max-width:50em) {
-    .itemsContainer {
-        margin-left: 0;
-        margin-right: 0;
-    }
 }
 
 .vertical-list {
@@ -363,9 +351,6 @@ button {
     vertical-align: middle;
     font-family: inherit;
     font-size: inherit;
-    /*display: flex;
-    align-items: center;
-    justify-content: center;*/
 }
 
 .textActionButton:hover {
diff --git a/src/components/emby-scroller/emby-scroller.css b/src/components/emby-scroller/emby-scroller.css
index f060882f7b..2df9fbbaa4 100644
--- a/src/components/emby-scroller/emby-scroller.css
+++ b/src/components/emby-scroller/emby-scroller.css
@@ -7,6 +7,11 @@
     margin-right: 3.3%;
 }
 
+/* align first card in scroller to heading */
+.emby-scroller .card:first-of-type > .cardBox {
+    margin-left: 0;
+}
+
 @media all and (max-width:50em) {
     .emby-scroller {
         padding-left: 3.3%;

From beedbca92c3e2a017ce8440520812e71632871b2 Mon Sep 17 00:00:00 2001
From: dkanada <dkanada@users.noreply.github.com>
Date: Wed, 20 Nov 2019 00:34:20 +0900
Subject: [PATCH 2/2] fix padding for normal item containers

---
 src/components/emby-scroller/emby-scroller.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/emby-scroller/emby-scroller.css b/src/components/emby-scroller/emby-scroller.css
index 2df9fbbaa4..1e0b05b83c 100644
--- a/src/components/emby-scroller/emby-scroller.css
+++ b/src/components/emby-scroller/emby-scroller.css
@@ -12,6 +12,12 @@
     margin-left: 0;
 }
 
+/* align heading for normal item containers */
+/* still not ideal solution but better than the last method */
+.verticalSection > .itemsContainer .cardBox {
+    margin-left: 0;
+}
+
 @media all and (max-width:50em) {
     .emby-scroller {
         padding-left: 3.3%;