diff --git a/cms/static/sass/elements/_controls.scss b/cms/static/sass/elements/_controls.scss index 2bddbbc0a0..8de152892e 100644 --- a/cms/static/sass/elements/_controls.scss +++ b/cms/static/sass/elements/_controls.scss @@ -133,27 +133,7 @@ } } -// blue small/inline button -.btn-flat-blue { - @extend .btn-flat; - color: $white; - background-color: $blue; - &:hover, &:active { - background: $blue-l4; - color: $blue-s2; - } - - &.current, &.active { - border-color: $blue-l3; - background: $blue-l3; - color: $blue-d1; - - &:hover, &:active { - - } - } -} // ==================== diff --git a/cms/static/sass/views/_textbooks.scss b/cms/static/sass/views/_textbooks.scss index 26f4b1c4e1..c9d604eb14 100644 --- a/cms/static/sass/views/_textbooks.scss +++ b/cms/static/sass/views/_textbooks.scss @@ -16,12 +16,13 @@ body.course.textbooks { margin-top: $baseline; .action-add-chapter { - @extend .btn-flat-blue; @extend .t-action2; + @include grey-button; @include transition(all .15s); display: block; width: 100%; margin-bottom: ($baseline*1.5); + border: 1px solid #B3C4DA; padding: ($baseline/5) $baseline; font-weight: 600; } @@ -31,7 +32,7 @@ body.course.textbooks { @extend .t-action2; @include transition(all .15s); display: inline-block; - padding: ($baseline/5) $baseline ($baseline/4) $baseline; + padding: ($baseline/5) $baseline; font-weight: 600; text-transform: uppercase; } @@ -41,12 +42,25 @@ body.course.textbooks { @extend .t-action2; @include transition(all .15s); display: inline-block; - padding: ($baseline/5) $baseline ($baseline/4) $baseline; + padding: ($baseline/5) $baseline; font-weight: 600; text-transform: uppercase; } + } + + .copy { + @include font-size(12); + margin: ($baseline) 0 ($baseline/2) 0; + color: $gray; + + + strong { + font-weight: 600; + } + + } .list-input { @@ -155,7 +169,7 @@ body.course.textbooks { .field { display: block; - width: 46%; + width: 46.5%; border-bottom: none; margin: 0 $baseline 0 0; padding: ($baseline/4) 0 0 0; @@ -168,14 +182,15 @@ body.course.textbooks { .action-uploadasset { @extend .t-action4; - @extend .btn-flat-blue; + @include blue-button; @include transition(all .15s); + @include font-size(12); font-weight: 600; text-align: center; position: absolute; - top: 0; + top: 2px; right: 0; - padding: ($baseline/5) ($baseline/2) ($baseline/10) ($baseline/2); + padding: 3px ($baseline/2) 1px ($baseline/2); } } diff --git a/cms/templates/js/chapter.underscore b/cms/templates/js/chapter.underscore index 9cdf4fd76f..af3398154a 100644 --- a/cms/templates/js/chapter.underscore +++ b/cms/templates/js/chapter.underscore @@ -7,7 +7,7 @@
<%= gettext("Note: It's best practice to break your course's textbook into multiple chapters to reduce loading times for students. Breaking up textbooks into chapters can also help with students more easily finding a concept or topic-based information.") %>
+<%= gettext("Note: It's best practice to break your course's textbook into multiple chapters to reduce loading times for students. Breaking up textbooks into chapters can also help with students more easily finding a concept or topic-based information.") %>