From 44d6612fd34a46df3e7bb604e9fa00256ffba0dd Mon Sep 17 00:00:00 2001
From: Tim Hobbs <jesus.tesh@gmail.com>
Date: Wed, 16 Apr 2014 19:32:57 -0700
Subject: [PATCH] Video player CSS updates

Fix for long title names breaking volume control layout
---
 dashboard-ui/css/mediaplayer-video.css | 8 ++++++++
 dashboard-ui/css/mediaplayer.css       | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/dashboard-ui/css/mediaplayer-video.css b/dashboard-ui/css/mediaplayer-video.css
index 07f4df2cd5..ef1400729b 100644
--- a/dashboard-ui/css/mediaplayer-video.css
+++ b/dashboard-ui/css/mediaplayer-video.css
@@ -219,12 +219,20 @@
     #videoControls #video-advanced-controls {
         width: 350px;
     }
+
+    #videoControls .nowPlayingText {
+        max-width: 160px;
+    }
 }
 
 @media all and (max-width: 960px), all and (max-height: 550px) {
     #videoControls #video-advanced-controls {
         width: 275px;
     }
+
+    #videoControls .nowPlayingText {
+        max-width: 90px;
+    }
 }
 
 @media all and (max-width: 800px), all and (max-height: 460px) {
diff --git a/dashboard-ui/css/mediaplayer.css b/dashboard-ui/css/mediaplayer.css
index a6d05f8f65..4ac5da63f2 100644
--- a/dashboard-ui/css/mediaplayer.css
+++ b/dashboard-ui/css/mediaplayer.css
@@ -22,11 +22,11 @@
     font-weight: normal;
     position: relative;
     top: -7px;
-    margin-left: 3px;
+    margin: 0 10px 0 3px;
     max-width: 200px;
     overflow: hidden;
-    margin-right: 2em;
     white-space: nowrap;
+    text-overflow: ellipsis;
 }
 
 .nowPlayingDoubleText {