WEBUI: epg dialog - more icon work

tvheadend · Mar 28, 2016 · 4233d35 · 4233d35
1 parent 98b22bd
commit 4233d35
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git 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
@@ -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;
 }