From e6cafffef3db7a21b861efc9a5d1cd5c57137a52 Mon Sep 17 00:00:00 2001
From: loof2736 <joshwilberger27@gmail.com>
Date: Thu, 24 Nov 2022 18:07:45 -0500
Subject: [PATCH] Live TV layout fixes

---
 CSS/css-scyfin/scyfin-theme-backdrop.css | 42 ++++++++++++++++++++++--
 CSS/css-scyfin/scyfin-theme.css          | 37 +++++++++++++++++++--
 2 files changed, 75 insertions(+), 4 deletions(-)

diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css
index 7f1b44c..8ae9711 100644
--- a/CSS/css-scyfin/scyfin-theme-backdrop.css
+++ b/CSS/css-scyfin/scyfin-theme-backdrop.css
@@ -371,16 +371,21 @@
     -moz-box-ordinal-group: 1;
     box-ordinal-group: 1;
 }
-.detailSection .trackSelections {
+.detailSection .recordingFields {
     -webkit-box-ordinal-group: 2;
     -moz-box-ordinal-group: 2;
     box-ordinal-group: 2;
 }
-.detailSection .itemDetailsGroup {
+.detailSection .trackSelections {
     -webkit-box-ordinal-group: 3;
     -moz-box-ordinal-group: 3;
     box-ordinal-group: 3;
 }
+.detailSection .itemDetailsGroup {
+    -webkit-box-ordinal-group: 4;
+    -moz-box-ordinal-group: 4;
+    box-ordinal-group: 4;
+}
 /* Fix for backdrops */
 .layout-desktop #itemBackdrop {
     display: none !important;
@@ -411,6 +416,39 @@
 
 
 
+/* Live TV guide reposition */
+#guideTab {
+    margin-left: -75px !important;
+}
+.guide-channelHeaderCell {
+    border-style: none !important;
+}
+/* Modified background color of active guide cells */
+.programCell-active {
+    background: #181818 !important;
+}
+/* Translucent buttons */
+.raised.emby-button:not(.button-submit) {
+    background: rgba(35, 35, 35, 0.5) !important;
+    backdrop-filter: blur(40px) !important;
+}
+/* Repositioned record button */
+.recordingFields {
+    margin: 5px 0 -7px 0 !important;
+}
+.recordingButton {
+    height: 40px !important;
+}
+.recordingIcon {
+    color: red !important;
+}
+/* Remove overlapping text */
+.itemMiscInfo.itemMiscInfo-secondary {
+    margin-left: 65px !important;
+}
+
+
+
 /* Fix for scaling issues */
 @media (width: 1600px) {
     .layout-desktop .headerRight {
diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css
index 604d4f4..4b332db 100644
--- a/CSS/css-scyfin/scyfin-theme.css
+++ b/CSS/css-scyfin/scyfin-theme.css
@@ -368,16 +368,21 @@ html {
     -moz-box-ordinal-group: 1;
     box-ordinal-group: 1;
 }
-.detailSection .trackSelections {
+.detailSection .recordingFields {
     -webkit-box-ordinal-group: 2;
     -moz-box-ordinal-group: 2;
     box-ordinal-group: 2;
 }
-.detailSection .itemDetailsGroup {
+.detailSection .trackSelections {
     -webkit-box-ordinal-group: 3;
     -moz-box-ordinal-group: 3;
     box-ordinal-group: 3;
 }
+.detailSection .itemDetailsGroup {
+    -webkit-box-ordinal-group: 4;
+    -moz-box-ordinal-group: 4;
+    box-ordinal-group: 4;
+}
 /* Move episode title */
 .layout-desktop .nameContainer {
     display: -webkit-box;
@@ -401,6 +406,34 @@ html {
 
 
 
+/* Live TV guide reposition */
+#guideTab {
+    margin-left: -75px !important;
+}
+.guide-channelHeaderCell {
+    border-style: none !important;
+}
+/* Modified background color of active guide cells */
+.programCell-active {
+    background: #181818 !important;
+}
+/* Repositioned record button */
+.recordingFields {
+    margin: 5px 0 -7px 0 !important;
+}
+.recordingButton {
+    height: 40px !important;
+}
+.recordingIcon {
+    color: red !important;
+}
+/* Remove overlapping text */
+.itemMiscInfo.itemMiscInfo-secondary {
+    margin-left: 65px !important;
+}
+
+
+
 /* Fix for scaling issues */
 @media (width: 1600px) {
     .layout-desktop .headerRight {