From 6658fca10b7c4574ffbb093db9371bc19be3507e Mon Sep 17 00:00:00 2001
From: Albert Santoni <albert.santoni@sourcefabric.org>
Date: Mon, 28 Sep 2015 22:17:34 -0400
Subject: [PATCH] Some polish for the What's New popup

---
 .../application/layouts/scripts/layout.phtml  |  8 ++++----
 airtime_mvc/public/css/styles.css             | 19 +++++++++++++++----
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/airtime_mvc/application/layouts/scripts/layout.phtml b/airtime_mvc/application/layouts/scripts/layout.phtml
index 6558b2bd0..17d9da5c0 100644
--- a/airtime_mvc/application/layouts/scripts/layout.phtml
+++ b/airtime_mvc/application/layouts/scripts/layout.phtml
@@ -176,11 +176,11 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     if (!Application_Model_Preference::getWhatsNewDialogViewed()) {
         ?>
         <div id="whatsnew">
-            <div>
+            <div id="whatsnew_video">
                 <iframe width="560" height="315" src="<?php echo UI_REVAMP_EMBED_URL ?>" frameborder="0" allowfullscreen></iframe>
                 <h2><?php echo _("Airtime Pro has a new look!"); ?></h2>
-                <p><?php echo _("A lot of your favourite Airtime features are now even easier to use - and we've even
-                    added a few new ones! Check out the video above or read on to find out more."); ?></p
+                <p><?php echo _("Your favorite features are now even easier to use - and we've even
+                    added a few new ones! Check out the video above or read on to find out more."); ?></p>
                 <ul>
                     <li><?php echo _("Our new Dashboard view now has a powerful tabbed editing interface, so updating your tracks and playlists
                         is easier than ever."); ?></li>
@@ -191,7 +191,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                         experience, no matter how you're connected."); ?></li>
                 </ul>
             </div>
-            <button id="whatsnew_close" class="btn btn-new">Got it!</button>
+            <button id="whatsnew_close" class="btn btn-new">OK, got it!</button>
         </div>
         <script>
             $(document).ready(function() {
diff --git a/airtime_mvc/public/css/styles.css b/airtime_mvc/public/css/styles.css
index 15b2587eb..52a83ba25 100644
--- a/airtime_mvc/public/css/styles.css
+++ b/airtime_mvc/public/css/styles.css
@@ -3921,10 +3921,14 @@ li .ui-state-hover {
     justify-content: center;
     align-items: center;
 
-    max-width: 600px;
+    max-width: 640px;
     max-height: 460px;
 
-    padding: 10px 0;
+    padding: 10px 10px;
+}
+
+#whatsnew_video {
+    text-align: center;
 }
 
 #whatsnew > button {
@@ -3934,16 +3938,23 @@ li .ui-state-hover {
 }
 
 #whatsnew > div {
-    text-align: center;
+    text-align: left;
     font-size: 16px;
     overflow-x: hidden;
+    padding: 20px;
+    box-sizing: border-box;
+}
+
+#whatsnew iframe {
+    text-align: center;
 }
 
 #whatsnew h2 {
     margin-top: 10px;
     font-weight: bold;
+    text-align: center;
 }
 
 #whatsnew li {
     margin-top: 20px;
-}
\ No newline at end of file
+}