From: Jaroslav Kysela <perex@perex.cz>
Date: Mon, 28 Mar 2016 08:15:36 +0000 (+0200)
Subject: WEBUI: epg dialog - more icon work
X-Git-Tag: v4.2.1~789
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=4233d35016afd841916adf78acd3ad6d665326ef;p=thirdparty%2Ftvheadend.git

WEBUI: epg dialog - more icon work
---

diff --git a/src/webui/static/app/epg.js b/src/webui/static/app/epg.js
index 7df78be40..e05b46c2e 100644
--- a/src/webui/static/app/epg.js
+++ b/src/webui/static/app/epg.js
@@ -97,6 +97,7 @@ tvheadend.epgDetails = function(event) {
     if (event.channelIcon != null && event.channelIcon.length > 0)
         content += '<img class="x-epg-chicon" src="' + event.channelIcon + '">';
 
+    content += '<div class="x-epg-left">';
     content += '<div class="x-epg-title">' + event.title;
     if (event.subtitle)
         content += "&nbsp;:&nbsp;" + event.subtitle;
@@ -109,6 +110,8 @@ tvheadend.epgDetails = function(event) {
       content += '<div class="x-epg-time"><span class="x-epg-prefix">' + _('End Time') + ':</span><span class="x-epg-body">' + tvheadend.niceDate(event.stop) + '</span></div>';
     if (duration)
       content += '<div class="x-epg-time"><span class="x-epg-prefix">' + _('Duration') + ':</span><span class="x-epg-body">' + parseInt(duration / 60) + ' ' + _('min') + '</span></div>';
+    content += '</div>'; /* x-epg-left */
+    content += '<div class="x-epg-bottom">';
     content += '<hr class="x-epg-hr"/>';
     if (event.summary)
       content += '<div class="x-epg-summary">' + event.summary + '</div>';
@@ -158,6 +161,7 @@ tvheadend.epgDetails = function(event) {
 
     content += '<div id="related"></div>';
     content += '<div id="altbcast"></div>';
+    content += '</div>'; /* x-epg-bottom */
     
     var now = new Date();
     var buttons = [];
diff --git a/src/webui/static/app/ext.css b/src/webui/static/app/ext.css
index 0bc759fe8..1cba16163 100644
--- a/src/webui/static/app/ext.css
+++ b/src/webui/static/app/ext.css
@@ -678,10 +678,21 @@
     margin: 10px;
 }
 
+.x-epg-left {
+    float: left;
+    width: 78%;
+}
+
+.x-epg-bottom {
+    width: 100%;
+    margin: 5px 0 0 0;
+    clear: both;
+}
+
 .x-epg-chicon {
     float: right;
     margin: 5px;
-    max-width: 132px;
+    width: 20%;
     max-height: 99px;
 }