WEBUI: epg dialog - more icon work

diff --git a/src/webui/static/app/epg.js b/src/webui/static/app/epg.js
index 7df78be40d69883407350a2ba8d1da66a72b3f1c..e05b46c2eaa236281a387738f70043a5ee7737ef 100644 (file)
--- 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 0bc759fe8e71d6512e78ad0ce5cef786735aa069..1cba16163be9e9a93186484288ba95f4d1b2a820 100644 (file)
--- 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;
 }