Style issues on the credit status in the dashboard

ECOM-2117

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 {