From 1efc47beb94a1ed48a914b2ab641066eedccaf0e Mon Sep 17 00:00:00 2001
From: Albert Santoni <albert.santoni@sourcefabric.org>
Date: Thu, 11 Jun 2015 14:30:52 -0400
Subject: [PATCH] Tweaked layout of the embed widgets page

---
 .../scripts/embeddablewidgets/index.phtml     | 26 ++++++++++---------
 .../embed/weekly-schedule-widget-basic.css    |  2 +-
 airtime_mvc/public/css/styles.css             |  3 ++-
 3 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/airtime_mvc/application/views/scripts/embeddablewidgets/index.phtml b/airtime_mvc/application/views/scripts/embeddablewidgets/index.phtml
index 96d3dc982..9d0ba2ae9 100644
--- a/airtime_mvc/application/views/scripts/embeddablewidgets/index.phtml
+++ b/airtime_mvc/application/views/scripts/embeddablewidgets/index.phtml
@@ -29,17 +29,19 @@
         <?php echo $this->weekly_schedule_error_msg; ?>
     </div>
 
-    <div id="weekly-schedule-widget-preview" <?php if (isset($this->weekly_schedule_error_msg)) echo "style=display:none"; ?>>
-        <label>Preview:</label>
-        <div class="blah">
-            <iframe id="schedule_iframe" height="400px" width="550px" scrolling="no" frameborder="0" src=<?php echo $this->stationUrl."embed/weekly-program"?>></iframe>
-        </div>
+    <fieldset class="padded">
+        <div id="weekly-schedule-widget-preview" <?php if (isset($this->weekly_schedule_error_msg)) echo "style=display:none"; ?>>
+            <label><?php echo _("Preview:") ?></label>
+            <div class="schedule_iframe_wrapper">
+                <iframe id="schedule_iframe" height="400px" width="550px" scrolling="no" frameborder="0" src=<?php echo $this->stationUrl."embed/weekly-program"?>></iframe>
+            </div>
 
-        <div style="clear:both"></div>
-        <label>Embeddable Code:</label>
-        <textarea style="width:100%" rows="3" readonly="readonly"><iframe height="400px" width="550px" scrolling="no" frameborder="0" src=<?php echo Application_Common_HTTPHelper::getStationUrl()."embed/weekly-program"?>></iframe>
-        </textarea>
-        Copy this code and paste it into your website's HTML to embed the weekly schedule in your site.
-        Adjust the height and width attributes to your desired size.
-    </div>
+            <div style="clear:both"></div>
+            <label>Embeddable Code:</label>
+            <textarea style="width:100%" rows="3" readonly="readonly"><iframe height="400px" width="550px" scrolling="no" frameborder="0" src=<?php echo Application_Common_HTTPHelper::getStationUrl()."embed/weekly-program"?>></iframe>
+            </textarea>
+            Copy this code and paste it into your website's HTML to embed the weekly schedule in your site.
+            Adjust the height and width attributes to your desired size.
+        </div>
+    </fieldset>
 </div>
diff --git a/airtime_mvc/public/css/embed/weekly-schedule-widget-basic.css b/airtime_mvc/public/css/embed/weekly-schedule-widget-basic.css
index f19d03853..361f9ffdc 100644
--- a/airtime_mvc/public/css/embed/weekly-schedule-widget-basic.css
+++ b/airtime_mvc/public/css/embed/weekly-schedule-widget-basic.css
@@ -78,7 +78,7 @@ body {
 }
 
 .schedule.current .schedule_content {
-    max-height: 300px;
+    max-height: 290px;
 }
 
 .tab_content.current ul {
diff --git a/airtime_mvc/public/css/styles.css b/airtime_mvc/public/css/styles.css
index c8b8694b8..2a4f4d54b 100644
--- a/airtime_mvc/public/css/styles.css
+++ b/airtime_mvc/public/css/styles.css
@@ -3282,10 +3282,11 @@ dd .stream-status {
     font-weight: bold;
 }
 
-.blah {
+.schedule_iframe_wrapper {
     width: 100%;
     float: left;
     text-align: center;
+    padding: 10px;
 }
 
 #schedule_iframe {