card brand images

src/app/settings/payment.component.html

@@ -16,9 +16,9 @@
             <label for="card_number">{{'number' | i18n}}</label>
             <input id="card_number" class="form-control" type="text" name="card_number" [(ngModel)]="card.number" required pattern="[0-9]*"
                 autocomplete="cc-number">
-            <small class="form-text text-muted">{{'creditCardAllBrandsAccepted' | i18n}}</small>
         </div>
-        <div class="form-group col-7">
+        <div class="form-group col-7 d-flex align-items-end">
+            <img src="../../images/cards.png" alt="" width="277" height="32">
         </div>
         <div class="form-group col-4">
             <label for="exp_month">{{'expirationMonth' | i18n}}</label>

src/locales/en/messages.json

@@ -1280,9 +1280,6 @@
   "creditCard": {
     "message": "Credit Card"
   },
-  "creditCardAllBrandsAccepted": {
-    "message": "All major credit card brands are accepted."
-  },
   "paypalClickSubmit": {
     "message": "Click the PayPal button to log into your PayPal account, then click the Submit button below to continue."
   }