SAAS-712: UI Improvements

airtime_mvc/application/views/scripts/form/player.phtml

@@ -1,18 +1,27 @@
 <fieldset class="padded">
     <dl class="zend_form">
 
-        <?php echo $this->element->getElement('player_embed_src'); ?>
-
-        <?php echo $this->element->getElement('player_stream_mode'); ?>
-
-        <?php echo $this->element->getElement('player_stream_url'); ?>
-
-        <?php //echo $this->element->getElement('player_display_track_metadata'); ?>
-
         <?php echo $this->element->getElement('player_preview_label')->renderLabel(); ?>
 
         <div style="clear:both"></div>
-        <?php echo $this->element->getElement('player_embed_src')->getValue(); ?>
+        <div class="player-preview">
+            <?php echo $this->element->getElement('player_embed_src')->getValue(); ?>
+        </div>
+
+        <div id="player_instructions">
+            Customize the player by configuring the options below. Once you are happy with the player
+            copy the embeddable code below into your websites HTML.
+        </div>
+
+        <?php echo $this->element->getElement('player_stream_mode')->render(); ?>
+
+        <?php echo $this->element->getElement('player_stream_url'); ?>
+
+        <?php echo $this->element->getElement('player_embed_src')->render(); ?>
+
+        <?php //echo $this->element->getElement('player_display_track_metadata'); ?>
+
+
 
     </dl>
 </fieldset>

airtime_mvc/application/views/scripts/player/customize.phtml

@@ -1,9 +1,9 @@
 <div class="ui-widget ui-widget-content block-shadow simple-formblock embed-player-form clearfix padded-strong ">
-    <h2 style="float:left"><?php echo _("Embeddable Player") ?></h2>
+
     <?php $baseUrl = Application_Common_OsPath::getBaseDir(); ?>
 
     <form method="post" id="player_form" enctype="multipart/form-data">
-
+        <h2 style="float:left"><?php echo _("Embeddable Player") ?></h2>
         <div style="clear:both"></div>
         <?php echo $this->errorMsg; ?>
         <?php echo $this->form; ?>