From 222b356900b64a8e40095abd7d52c60eab111f8f Mon Sep 17 00:00:00 2001 From: Matthew Piatetsky Date: Mon, 8 Jan 2018 17:35:16 -0500 Subject: [PATCH] Fix course upsell styling when bootstrap is enabled --- .../sass/features/_course-upgrade-message.scss | 15 +++++++++++++++ lms/templates/courseware/course_navigation.html | 2 +- openedx/features/course_experience/__init__.py | 2 +- .../course_experience/course-home-fragment.html | 4 ++-- 4 files changed, 19 insertions(+), 4 deletions(-) diff --git a/lms/static/sass/features/_course-upgrade-message.scss b/lms/static/sass/features/_course-upgrade-message.scss index 4dc85a691c..d4a3b60c04 100644 --- a/lms/static/sass/features/_course-upgrade-message.scss +++ b/lms/static/sass/features/_course-upgrade-message.scss @@ -4,6 +4,14 @@ the creative property. This will allow us to better track individual performance Search for the courseware_verified_certificate_upsell promotion ID. */ +.course-home-sidebar-upgrade .btn-upgrade { + padding: 10px 20px; +} + +.course-home-sidebar-upgrade .promo-learn-more { + border: none; +} + .section.section-upgrade { border-left: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; @@ -24,6 +32,13 @@ Search for the courseware_verified_certificate_upsell promotion ID. .section-upgrade .upgrade-container { float: right; text-align: center; + margin-top: 15px; +} + +@media only screen and (max-width: 991px) and (min-width: 768px) { + .section-upgrade .upgrade-container { + float: none; + } } .section.section-upgrade p { diff --git a/lms/templates/courseware/course_navigation.html b/lms/templates/courseware/course_navigation.html index b7e4f0432d..8babf99804 100644 --- a/lms/templates/courseware/course_navigation.html +++ b/lms/templates/courseware/course_navigation.html @@ -34,7 +34,7 @@ if course is not None: tab_list = get_course_tab_list(request, course) %> % if uses_bootstrap: -