New: Various improvements made to the EPG page design

Changes
- added gap between cells
- added top padding to prevent conflict with the new header
- disabled color coded backgrounds for a coherent design
- removed background color from the whole page
- hid the back arrow from cells
- removed border color

Theme/ElegantFin-theme-nightly.css

@@ -2466,31 +2466,46 @@ div[data-role=controlgroup] a.ui-btn-active {
     color: var(--dimTextColor);
 }
 
-#liveTvSuggestedPage,
+.channelPrograms+.channelPrograms, .guide-channelHeaderCell+.guide-channelHeaderCell {
-.liveTvContainer {
+    margin-top: 0;
-    background-color: var(--tableBodyColor);
 }
 
-.programCell-active {
+.channelPrograms, .guide-channelHeaderCell, .programCell{
-    background-color: var(--activeColor) !important;
+    border-color: transparent;
-    border-radius: .5em;
+    /* this disables 'color coded backgrounds' */
-    margin-block: .5em !important;
+    background-color: transparent !important;
+}
+
+.guideProgramName{
+    background-color: rgba(255, 255, 255, .05);
+    height: -webkit-fill-available;
+    margin: .35em 0 .35em .7em;
+    border-radius: var(--smallerRadius);
+}
+
+.guide-programNameCaret{
+    display: none;
+}
+
+.programCell-active .guideProgramName {
+    background-color: rgba(255, 255, 255, .125);
 }
 
 .guideVerticalScroller {
     padding: 0;
 }
 
-.programGrid {
+.guideChannelImage {
-    background-color: var(--lighterGradientPointAlpha);
+    background-color: rgba(255, 255, 255, .05);
+    bottom: .35em;
+    right: .35em;
+    top: .35em;
+    width: calc(100% - .7em);
+    border-radius: var(--smallerRadius);
 }
 
-.channelPrograms>.programCell:nth-child(odd) {
+#guideTab{
-    background-color: var(--darkerGradientPoint);
+    padding-top: 3em !important;
-}
-
-.channelPrograms>.programCell:nth-child(even) {
-    /* background-color: #11182700; */
 }
 
 .guide-channelHeaderCell:focus,