From 62a3251fb4b9e7412e7c08c453a124c1ebb29418 Mon Sep 17 00:00:00 2001
From: Duncan Sommerville <duncan.sommerville@gmail.com>
Date: Mon, 16 Nov 2015 18:25:10 -0500
Subject: [PATCH] Style tweak for episode view dialog

---
 airtime_mvc/public/css/styles.css                | 4 +++-
 airtime_mvc/public/js/airtime/library/library.js | 6 ++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/airtime_mvc/public/css/styles.css b/airtime_mvc/public/css/styles.css
index f23959200..2dcb85f6f 100644
--- a/airtime_mvc/public/css/styles.css
+++ b/airtime_mvc/public/css/styles.css
@@ -4156,8 +4156,10 @@ li .ui-state-hover {
     display: block;
 }
 
-#podcast_episode_dialog {
+.podcast-episode-dialog {
+    max-width: 50%;
     max-height: 50%;
+    overflow: auto;
 }
 
 /* UI Revamp Video */
diff --git a/airtime_mvc/public/js/airtime/library/library.js b/airtime_mvc/public/js/airtime/library/library.js
index f5a5c4825..bb653c0dc 100644
--- a/airtime_mvc/public/js/airtime/library/library.js
+++ b/airtime_mvc/public/js/airtime/library/library.js
@@ -1327,6 +1327,12 @@ var AIRTIME = (function(AIRTIME) {
             height: "auto",
             modal: true,
             resizable: false,
+            dialogClass: "podcast-episode-dialog",
+            open: function () {
+                // Sometimes the dialog scrolls down partway if there are elements that need to render,
+                // like images or video, so scroll it back up on open.
+                $(this).parent().scrollTop(0);
+            },
             close: function() {
                 $(this).dialog('destroy').remove();
             }