Merge pull request #23117 from edx/marco/studio-learning-sequence-nav/styling-changes

Styling updates to Studio Unit Page Sequence navigation

cms/static/sass/elements-v2/_header.scss

@@ -132,7 +132,7 @@
 
     .nav-account-user {
       .title {
-        max-width: ($baseline*6.5);
+        max-width: ($baseline*10.5);
         display: inline-block;
         max-width: 84%;
         overflow: hidden;

cms/static/sass/elements/_forms.scss

@@ -395,7 +395,7 @@ form {
 
     display: inline-block;
     vertical-align: middle;
-    max-width: 80%;
+    max-width: 70%;
   }
 
   .incontext-editor-open-action,

cms/static/sass/elements/_header.scss

@@ -213,7 +213,7 @@
 
     .nav-account-user {
       .title {
-        max-width: ($baseline*6.5);
+        max-width: ($baseline*10.5);
 
         > .label {
           display: inline-block;

cms/static/sass/elements/_layout.scss

@@ -98,7 +98,7 @@
     // layout with breadcrumb navigation
     &.has-navigation {
       .nav-actions {
-        bottom: $baseline;
+        top: -($baseline*2);
       }
 
       .navigation-item {

cms/static/sass/elements/_navigation.scss

@@ -210,7 +210,8 @@ nav {
 .jump-nav {
   .nav-item {
     display: inline-block;
-    margin-bottom: 20px;
+    margin-bottom: 5px;
+
 
     .title {
       &:hover,
@@ -252,7 +253,7 @@ $seq-nav-height: 40px;
   @extend .topbar;
 
   background-color: #fff;
-  margin: 0 auto $baseline;
+  margin: 0 auto;
   position: relative;
   border-bottom: none;
   z-index: 0;
@@ -497,4 +498,30 @@ $seq-nav-height: 40px;
       }
     }
   }
+
+  // FontAwesome rtl chevron next - Learning Sequence Nav
+  .fa-chevron-next {
+    &::before {
+      @if $bi-app-direction == ltr {
+        content: "\f054"; // .fa-chevron-right
+      }
+
+      @else if $bi-app-direction == rtl {
+        content: "\f053"; // .fa-chevron-left
+      }
+    }
+  }
+
+  // FontAwesome rtl chevron prev - - Learning Sequence Nav
+  .fa-chevron-prev {
+    &::before {
+      @if $bi-app-direction == ltr {
+        content: "\f053"; // .fa-chevron-left
+      }
+
+      @else if $bi-app-direction == rtl {
+        content: "\f054"; // .fa-chevron-right
+      }
+    }
+  }
 }