Port sandbox templates to Bootstrap 4.

QueoLda · Jul 16, 2021 · ea6e81e · ea6e81e
1 parent 9276f74
commit ea6e81e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/sandbox/apps/checkout/templates/checkout/payment_details.html b/sandbox/apps/checkout/templates/checkout/payment_details.html
@@ -2,19 +2,19 @@
 {% load i18n %}
 
 {% block payment_details %}
-    <div class="well">
+    <div class="card card-body bg-light">
         <div class="sub-header">
             <h3>{% trans "PayPal Express" %}</h3>
         </div>
         <p>{% trans "Click on the below icon to use Express Checkout but where the shipping address and method is already chosen on the merchant site." %}</p>
         <div style="overflow:auto"><a href="{% url 'express-checkout-direct-payment' %}" title="{% trans "Pay with PayPal" %}"><img src="https://www.paypalobjects.com/webstatic/en_US/i/buttons/checkout-logo-large.png" alt="Check out with PayPal" align="left" style="margin-right:7px;"></a>&nbsp;</div>
     </div>
 
-    <div class="well">
+    <div class="card card-body bg-light mt-4">
         <div class="sub-header">
             <h3>{% trans "PayPal PayFlow Pro" %}</h3>
         </div>
-        <form method="post" action="{% url 'checkout:preview' %}" class="form-stacked">
+        <form method="post" action="{% url 'checkout:preview' %}">
             {% csrf_token %}
             <h4>{% trans "Bankcard" %}</h4>
             {% include "oscar/partials/form_fields.html" with form=bankcard_form %}

diff --git a/sandbox/apps/checkout/templates/checkout/preview.html b/sandbox/apps/checkout/templates/checkout/preview.html
@@ -4,16 +4,16 @@
 
 {% block payment_method %}
     <div class="span6">
-    <div class="sub-header">
-        <h2>{% trans "Payment" %}</h2>
-    </div>
-    <div class="well well-success">
-        <p>{% blocktrans with amount=order_total.incl_tax|currency %}<strong>{{ amount }}</strong> will be debited from your bankcard.{% endblocktrans %}</p>
-        <div class="alert-actions">
-            <a href="{% url 'checkout:payment-details' %}" class="btn">{% trans "Change payment details" %}</a>
+        <div class="sub-header">
+            <h2>{% trans "Payment" %}</h2>
+        </div>
+        <div class="card card-body bg-light">
+            <p>{% blocktrans with amount=order_total.incl_tax|currency %}<strong>{{ amount }}</strong> will be debited from your bankcard.{% endblocktrans %}</p>
+            <div class="alert-actions">
+                <a href="{% url 'checkout:payment-details' %}" class="btn">{% trans "Change payment details" %}</a>
+            </div>
         </div>
     </div>
-</div>
 {% endblock %}
 
 {% block hiddenforms %}