Minor front-end edits

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/js/app.js": "/js/app.js?id=8c7cd7cf79e301166cc3",
+    "/js/app.js": "/js/app.js?id=3dc1134357899a6cf0e7",
     "/css/app.css": "/css/app.css?id=36412c9f34a08f26af3c"
 }

resources/js/components/DonationCard.vue

@@ -13,7 +13,11 @@
 
           <div class="col-md-8">
             <div class="row">
-              <div class="col" v-for="currencyItem in currencies" :key="currencyItem.code">
+              <div
+                class="col-6 col-md-4"
+                v-for="currencyItem in currencies"
+                :key="currencyItem.code"
+              >
                 <button
                   type="button"
                   class="btn btn-block"
@@ -29,7 +33,11 @@
 
           <div class="col-md-8">
             <div class="row">
-              <div class="col" v-for="frequencyItem in frequencies" :key="frequencyItem.code">
+              <div
+                class="col-6 col-md-4"
+                v-for="frequencyItem in frequencies"
+                :key="frequencyItem.code"
+              >
                 <button
                   type="button"
                   class="btn btn-block"
@@ -67,7 +75,7 @@
                   <small>{{donationPackageItem.name}}</small>
                 </button>
               </div>
-              <div class="col-6">
+              <div class="col-12 col-md-6">
                 <button
                   type="button"
                   class="btn btn-block mb-2"
@@ -264,7 +272,7 @@
         <div class="form-group row">
           <label for="card_cvc" class="col-md-4 col-form-label text-md-right">Credit Card CVC</label>
 
-          <div class="col-md-3">
+          <div class="col-3">
             <input
               id="card_cvc"
               type="tel"