Merge pull request #9359 from edx/ahsan/ECOM-2117-style-issues-on-credit-status-in-dashboard

Style issues on the credit status in the dashboard

lms/static/js/dashboard/credit.js

@@ -31,7 +31,7 @@
                     'username': username
                 };
             $.ajax({
-                url: 'api/credit/v1/provider/' + provider_id + '/request/',
+                url: 'api/credit/v1/providers/' + provider_id + '/request/',
                 type: 'POST',
                 headers: {
                     'X-CSRFToken': $.cookie('csrftoken')

lms/static/sass/multicourse/_dashboard.scss

@@ -548,16 +548,7 @@
         padding: 0;
       }
 
-      .credit-eligibility-msg {
-        @include float(left);
-        margin-top: 10px;
-      }
-
-      .purchase_credit {
-        @include float(right);
-      }
-
-      .pending-credit-btn{
+      .credit-btn{
         @include float(right);
       }
 
@@ -758,6 +749,20 @@
               font-weight: bold;
             }
           }
+          .credit-eligibility-msg {
+            @include float(left);
+            margin-top: 10px;
+          }
+
+          .credit-request-pending-msg {
+            @include float(left);
+            margin-top: 10px;
+          }
+
+          .credit-request-approved-msg{
+            width: flex-grid(10, 12);
+            @include float(left);
+          }
 
           .actions {
 

lms/templates/dashboard/_dashboard_credit_info.html

@@ -22,6 +22,7 @@
     % if not credit_status["purchased"] and not credit_status["error"] :
         <p class="message-copy credit-eligibility-msg">
             ${_("You are now eligible for credit. <b>Congratulations!</b>")}
+
         </p>
         <div class="purchase_credit">
             <a class="btn credit-btn purchase-credit-btn" href="${settings.ECOMMERCE_PUBLIC_URL_ROOT}/credit/checkout/${credit_status['course_key']}" target="_blank" data-course-key="${credit_status['course_key']}">${_("Get credit")}</a>
@@ -54,12 +55,12 @@
         <p class="message-copy credit-request-approved-msg">
             ## Translators: link_to_provider_site is a link to an external webpage. The text of the link will be the name of a
             ## credit provider, such as 'State University' or 'Happy Fun Company'
-            ${_("Your credit has been processed and approved. <b>Congratulations</b>. Please see {link_to_provider_site} for more information.").format(
+            ${_("Your credit has been processed and approved. <b>Congratulations!</b>. Please see {link_to_provider_site} for more information.").format(
                     link_to_provider_site=provider_link,
                 )
             }
         </p>
-        <a class="btn credit-btn" href="${credit_status['provider_status_url']}" target="_blank">${_("Access credit")}</a>
+        <a class="btn credit-btn access-credit-btn" href="${credit_status['provider_status_url']}" target="_blank">${_("Access credit")}</a>
     % elif credit_status["request_status"] == "rejected" and not credit_status["error"] :
         <p class="message-copy credit-request-rejected-msg">
             ## Translators: link_to_provider_site is a link to an external webpage. The text of the link will be the name of a