Fix dialog footer styles on tv

src/components/formdialog.scss

@@ -60,6 +60,7 @@
 }
 
 .layout-tv .formDialogFooter {
+    position: relative;
     align-items: center;
     justify-content: center;
     flex-wrap: wrap;

src/themes/appletv/theme.css

@@ -159,11 +159,6 @@ html {
     background-color: #f57f17;
 }
 
-.formDialogFooter:not(.formDialogFooter-clear) {
-    border-top: 1px solid #ddd;
-    border-top: 1px solid rgba(0, 0, 0, 0.08);
-}
-
 .cardText-secondary,
 .fieldDescription,
 .guide-programNameCaret,
@@ -203,6 +198,11 @@ html {
     color: rgba(255, 255, 255, 0.87);
 }
 
+.formDialogFooter:not(.formDialogFooter-clear) {
+    border-top: 1px solid #ddd;
+    border-top: 1px solid rgba(0, 0, 0, 0.08);
+}
+
 .appfooter,
 .formDialogFooter:not(.formDialogFooter-clear),
 .playlistSectionButton {
@@ -214,6 +214,12 @@ html {
     background: linear-gradient(to right, #bcbcbc, #a7b4b7, #beb5a5, #adbec2, #b9c7cb);
 }
 
+.layout-tv .formDialogFooter:not(.formDialogFooter-clear) {
+    border: none;
+    color: initial;
+    background: none;
+}
+
 .nowPlayingBarSecondaryText {
     color: #999;
 }

src/themes/blueradiance/theme.css

@@ -139,6 +139,10 @@ html {
     background-color: rgba(0, 0, 0, 0.5);
 }
 
+.layout-tv .formDialogFooter:not(.formDialogFooter-clear) {
+    background-color: transparent;
+}
+
 .defaultCardBackground1 {
     background-color: #213440;
 }

src/themes/dark/theme.css

@@ -127,6 +127,10 @@ html {
     background-color: #202020;
 }
 
+.layout-tv .formDialogFooter:not(.formDialogFooter-clear) {
+    background-color: transparent;
+}
+
 .defaultCardBackground1 {
     background-color: #00455c;
 }

src/themes/light/theme.css

@@ -170,6 +170,11 @@ html {
     color: inherit;
 }
 
+.layout-tv .formDialogFooter:not(.formDialogFooter-clear) {
+    background-color: transparent;
+    border: none;
+}
+
 .cardText-secondary,
 .fieldDescription,
 .guide-programNameCaret,

src/themes/purplehaze/theme.css

@@ -223,6 +223,11 @@ a[data-role=button] {
     border-radius: 0.8em;
 }
 
+.layout-tv .formDialogFooter:not(.formDialogFooter-clear) {
+    background-color: transparent;
+    border-radius: 0;
+}
+
 .cardOverlayContainer {
     border-radius: 0.8em;
 }

src/themes/wmc/theme.css

@@ -193,6 +193,11 @@ html {
     color: rgba(255, 255, 255, 0.78);
 }
 
+.layout-tv .formDialogFooter:not(.formDialogFooter-clear) {
+    background: transparent;
+    color: initial;
+}
+
 .itemSelectionPanel {
     border: 1px solid #00a4dc;
 }