SAAS-669: Long station names overlap with link to airtime.pro

airtime_mvc/application/views/scripts/embeddableplayer/embed-code.phtml

@@ -196,7 +196,6 @@
 
     <div class="airtime_header">
         <p class="station_name">fff</p>
-        <a class="airtime_pro" href="#"><span>airtime.pro</span><img src="http://localhost/css/embed-player-images/airtime_logo.png"></a>
     </div>
 
     <div class="airtime_box">
@@ -227,8 +226,10 @@
         <ul class="schedule_list">
             <li></li>
         </ul>
+        <a class="airtime_pro" href="https://www.airtime.pro/">Powered by Airtime Pro<span class="airtime_pro_logo"></span></a>
     </div>
 
+
 </div>
 
 <div id="muses_skin">

airtime_mvc/public/css/embeddable-player.css

@@ -37,13 +37,15 @@
     padding-right: 30px;
 }
 .airtime_pro {
-    position: absolute;
-    right: 15px;
-    top: 10px;
     color: #fff;
-    font-size: 12px;
+    font-size: 10px;
     text-decoration: none;
 }
+.airtime_pro_logo {
+    background: url("embed-player-images/airtime_logo.png") center no-repeat;
+    width: 16px;
+    height: 16px;
+}
 .airtime_pro span {
     display: inline-block;
     vertical-align: 2px;
@@ -167,6 +169,7 @@
     font-size: 14px;
     color: #aaaaaa;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
+    padding-bottom: 5px;
 }
 
 .airtime_next {
@@ -180,6 +183,7 @@
     padding-bottom: 10px;
     margin-top: 0px;
     margin-left: 60px;
+    margin-bottom: 0px;
     line-height: 130%;
 }