From 8aee57930db80ef956f30bb64da166072836804f Mon Sep 17 00:00:00 2001
From: Piotr Kuchciak <piotr.kuchciak@gmail.com>
Date: Wed, 19 Nov 2014 12:12:09 +0100
Subject: [PATCH] WEBUI JS: cosmetic changes for dvr and epg dialogs

---
 src/webui/static/app/epg.js  | 10 ++++++----
 src/webui/static/app/ext.css |  1 +
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/webui/static/app/epg.js b/src/webui/static/app/epg.js
index 8db27641..50b184b1 100644
--- a/src/webui/static/app/epg.js
+++ b/src/webui/static/app/epg.js
@@ -100,13 +100,15 @@ tvheadend.epgDetails = function(event) {
     if (event.episodeOnscreen)
         content += '<div class="x-epg-title">' + event.episodeOnscreen + '</div>';
     if (event.start)
-      content += '<div class="x-epg-meta"><div class="x-epg-prefix">Start time:</div> ' + new Date(event.start).toLocaleString() + '</div>';
+      content += '<div class="x-epg-meta"><div class="x-epg-prefix">Start Time:</div> ' + new Date(event.start).toLocaleString() + '</div>';
     if (event.stop)
-      content += '<div class="x-epg-meta"><div class="x-epg-prefix">Stop time:</div> ' + new Date(event.stop).toLocaleString() + '</div>';
+      content += '<div class="x-epg-meta"><div class="x-epg-prefix">Stop Time:</div> ' + new Date(event.stop).toLocaleString() + '</div>';
     if (event.summary)
       content += '<div class="x-epg-summary">' + event.summary + '</div>';
     if (event.description)
       content += '<div class="x-epg-desc">' + event.description + '</div>';
+    if (event.starRating || event.ageRating || event.genre)
+      content += '<hr/>';
     if (event.starRating)
       content += '<div class="x-epg-meta"><div class="x-epg-prefix">Star Rating:</div> ' + event.starRating + '</div>';
     if (event.ageRating)
@@ -455,7 +457,7 @@ tvheadend.epg = function() {
             {
                 width: 100,
                 id: 'start',
-                header: "Start",
+                header: "Start Time",
                 dataIndex: 'start',
                 renderer: renderDate
             },
@@ -463,7 +465,7 @@ tvheadend.epg = function() {
                 width: 100,
                 hidden: true,
                 id: 'stop',
-                header: "End",
+                header: "End Time",
                 dataIndex: 'stop',
                 renderer: renderDate
             },
diff --git a/src/webui/static/app/ext.css b/src/webui/static/app/ext.css
index e37df835..3b7eaf1f 100644
--- a/src/webui/static/app/ext.css
+++ b/src/webui/static/app/ext.css
@@ -523,6 +523,7 @@
 }
 
 .x-epg-time {
+    font-style: italic;
     margin: 5px;
 }