Tweaked layout of the embed widgets page

This commit is contained in:
Albert Santoni 2015-06-11 14:30:52 -04:00
parent 9c3979f3ba
commit 1efc47beb9
3 changed files with 17 additions and 14 deletions

View File

@ -29,9 +29,10 @@
<?php echo $this->weekly_schedule_error_msg; ?> <?php echo $this->weekly_schedule_error_msg; ?>
</div> </div>
<fieldset class="padded">
<div id="weekly-schedule-widget-preview" <?php if (isset($this->weekly_schedule_error_msg)) echo "style=display:none"; ?>> <div id="weekly-schedule-widget-preview" <?php if (isset($this->weekly_schedule_error_msg)) echo "style=display:none"; ?>>
<label>Preview:</label> <label><?php echo _("Preview:") ?></label>
<div class="blah"> <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> <iframe id="schedule_iframe" height="400px" width="550px" scrolling="no" frameborder="0" src=<?php echo $this->stationUrl."embed/weekly-program"?>></iframe>
</div> </div>
@ -42,4 +43,5 @@
Copy this code and paste it into your website's HTML to embed the weekly schedule in your site. 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. Adjust the height and width attributes to your desired size.
</div> </div>
</fieldset>
</div> </div>

View File

@ -78,7 +78,7 @@ body {
} }
.schedule.current .schedule_content { .schedule.current .schedule_content {
max-height: 300px; max-height: 290px;
} }
.tab_content.current ul { .tab_content.current ul {

View File

@ -3282,10 +3282,11 @@ dd .stream-status {
font-weight: bold; font-weight: bold;
} }
.blah { .schedule_iframe_wrapper {
width: 100%; width: 100%;
float: left; float: left;
text-align: center; text-align: center;
padding: 10px;
} }
#schedule_iframe { #schedule_iframe {