From c44035c27db1a61f357de407ecd963ac9d8fa0b7 Mon Sep 17 00:00:00 2001
From: drigato <denise.rigato@sourcefabric.org>
Date: Fri, 10 Jul 2015 09:08:19 -0400
Subject: [PATCH] SAAS-938: Long track metadata messes up player bar on the
 radio page

---
 .../public/css/radio-page/premium_player.css  | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/airtime_mvc/public/css/radio-page/premium_player.css b/airtime_mvc/public/css/radio-page/premium_player.css
index 81583d31e..f36306135 100644
--- a/airtime_mvc/public/css/radio-page/premium_player.css
+++ b/airtime_mvc/public/css/radio-page/premium_player.css
@@ -39,6 +39,7 @@ body {
 .on_air {
     display: inline-block;
     margin-left: 40px;
+    width: 65%
 }
 
 .bottom_bar p.now_playing {
@@ -47,11 +48,19 @@ body {
     font-weight: 300;
     float: left;
     margin: 28px 0px;
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 .bottom_bar p.now_playing span {
     display: block;
     font-weight: 100;
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 .bottom_bar .button {
@@ -88,6 +97,30 @@ body {
     float: right;
 }
 
+@media (max-width: 1230px) {
+    .on_air {
+        width: 60%;
+    }
+}
+
+@media (max-width: 1075px) {
+    .on_air {
+        width: 55%;
+    }
+}
+
+@media (max-width: 960px) {
+    .on_air {
+        width: 50%;
+    }
+}
+
+@media (max-width: 850px) {
+    .on_air {
+        width: 45%;
+    }
+}
+
 @media (max-width: 780px) {
     .bottom_bar {
         height: 80px;
@@ -122,6 +155,7 @@ body {
         left: 0px;
         right: 0px;
         padding-top: 40px;
+        width: 100%;
         background: rgba(0,0,0,0);
         background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 69%, rgba(0,0,0,1) 100%);
         background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(69%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));