little fixes

mitodl · Jan 10, 2025 · d08ea67 · d08ea67
1 parent 3761e40
commit d08ea67
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 11 deletions.
diff --git a/frontend/public/scss/common.scss b/frontend/public/scss/common.scss
@@ -354,6 +354,7 @@ button.btn.btn-gradient-red-to-blue:hover, a.btn.btn-gradient-red-to-blue:hover,
     border-color: $home-page-header-blue;
     background: $home-page-header-blue !important;
     color: white !important;
+    transition: 0.25s;
 }
 
 button.btn.btn-gradient-white-to-blue, a.btn.btn-gradient-white-to-blue {

diff --git a/frontend/public/scss/product-page/product-details.scss b/frontend/public/scss/product-page/product-details.scss
@@ -475,7 +475,6 @@ body.new-design {
       box-shadow: none;
       border: 1px solid #DFE5EC;
       background: rgba(3, 21, 45, 0.05);
-;
     }
     .enroll-now-free:focus-visible {
       border-radius: 0;
@@ -490,9 +489,9 @@ body.new-design {
         background-color: #A41E34;
         color: white;
         text-align: left;
-        background-image: url('/static/images/arrow-line-right.png');
-        background-position: 90% 50%;
-        background-repeat: no-repeat;
+        background-image: url('/static/images/arrow-line-right.png') !important;
+        background-position: 90% 50% !important;
+        background-repeat: no-repeat !important;
         padding: 14px 22px;
       }
       .btn-upgrade:focus-visible {
@@ -589,15 +588,12 @@ body.new-design {
   }
 
   div.upgrade-options-row {
-    margin: 30px 1px 5px 1px;
-
+    margin: 23px 1px 8px 1px;
     display: flex;
-    padding: 0px;
+    padding: 0;
     justify-content: space-evenly;
     align-items: center;
     align-self: stretch;
-
-    // border-bottom: 1px solid var(--BorderGrey, #DFE5EC);
     border: none;
 
     div {

diff --git a/frontend/public/src/components/CourseProductDetailEnroll.js b/frontend/public/src/components/CourseProductDetailEnroll.js
@@ -201,7 +201,7 @@ export class CourseProductDetailEnroll extends React.Component<
         <input type="hidden" name="run" value={run ? run.id : ""} />
         <button
           type="submit"
-          className="btn enroll-now enroll-now-free"
+          className="btn enroll-now enroll-now-free btn-gradient-white-to-blue"
           disabled={!run || !run.is_enrollable}
         >
           Enroll for <strong>Free without a certificate</strong>
@@ -348,7 +348,7 @@ export class CourseProductDetailEnroll extends React.Component<
                       />
                       <button
                         type="submit"
-                        className="btn btn-upgrade"
+                        className="btn btn-upgrade btn-gradient-red-to-blue"
                         disabled={!canUpgrade}
                       >
                         <strong>Enroll and Pay</strong>