Merge pull request #6057 from gymnasium/master

Fixing horizontal scroll bug for long component titles

AUTHORS

@@ -180,3 +180,4 @@ Eugeny Kolpakov <eugeny.kolpakov@gmail.com>
 Omar Al-Ithawi <oithawi@qrf.org>
 Louis Pilfold <louis@lpil.uk>
 Akiva Leffert <akiva@edx.org>
+Mike Bifulco <mbifulco@aquent.com>
\ No newline at end of file

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