styles

mitodl · Jan 16, 2025 · 2acf260 · 2acf260
1 parent 18198cb
commit 2acf260
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/frontend/public/scss/product-page/product-details.scss b/frontend/public/scss/product-page/product-details.scss
@@ -481,13 +481,14 @@ body.new-design {
       outline: 2px #28977e solid;
     }
 
-    form.new-design {
+    div.new-design {
       text-align: right !important;
 
       .btn-upgrade {
         width: 86%;
         padding: 15px 30px;
         background-image: none !important;
+        text-align: left;
 
         div.upgrade-btn-text {
             display: inline-block;

diff --git a/frontend/public/src/components/CourseProductDetailEnroll.js b/frontend/public/src/components/CourseProductDetailEnroll.js
@@ -101,7 +101,7 @@ export class CourseProductDetailEnroll extends React.Component<
 
   async onAddToCartClick() {
     const { addToCart } = this.props
-    const addToCartResponse = await addToCart(1)
+    const addToCartResponse = await addToCart("1")
     if (isSuccessResponse(addToCartResponse)) {
       this.setState({
         addedToCartDialogVisibility: true
@@ -404,12 +404,10 @@ export class CourseProductDetailEnroll extends React.Component<
                   </div>
                   <div className="col-md-6 col-sm-12 pr-0">
                     <div
-                      className={`text-center ${
-                        newCartDesign ? "new-design" : ""
-                      }`}
+                      className={ newCartDesign ? "new-design" : ""}
                     >
                       <button
-                        onClick={this.onAddToCartClick}
+                        onClick={this.onAddToCartClick.bind(this)}
                         type="button"
                         className="btn btn-upgrade btn-gradient-red-to-blue"
                         disabled={!canUpgrade}