From f6b50f5df47b43405c0f84f801fccc0b163706ee Mon Sep 17 00:00:00 2001
From: Mike Bifulco <mbifulco@live.com>
Date: Tue, 25 Nov 2014 13:38:53 -0500
Subject: [PATCH] Bug fix for TNL-406
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

TNL-406: Long component title causes horizontal scroll
updated the SASS file to address the horizontal scroll issue in long
component titles’ hover bubble.
---
 common/lib/xmodule/xmodule/css/sequence/display.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/common/lib/xmodule/xmodule/css/sequence/display.scss b/common/lib/xmodule/xmodule/css/sequence/display.scss
index 9222f9dedd..acc6c2d4f8 100644
--- a/common/lib/xmodule/xmodule/css/sequence/display.scss
+++ b/common/lib/xmodule/xmodule/css/sequence/display.scss
@@ -201,18 +201,19 @@ nav.sequence-nav {
           color: #fff;
           font-family: $sans-serif;
           line-height: lh();
-          left: 0px;
+          right: 0px;
           opacity: 0.0;
           padding: 6px;
           position: absolute;
           top: 48px;
           text-shadow: 0 -1px 0 #000;
           @include transition(all .1s $ease-in-out-quart 0s);
-          white-space: pre;
+          white-space: normal;
           z-index: 99;
           visibility: hidden;
           pointer-events: none;
 
+
           &:empty {
             background: none;
 
@@ -226,7 +227,7 @@ nav.sequence-nav {
             content: " ";
             display: block;
             height: 10px;
-            left: 18px;
+            right: 18px;
             position: absolute;
             top: -5px;
             @include transform(rotate(45deg));