Bug fix for TNL-406

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

@@ -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));