diff --git a/stripe_checkout/stripe_checkout/static/main.css b/stripe_checkout/stripe_checkout/static/main.css index 5a75fcde4ffa889b6e9182cac3adb2239d653ea5..35a00eadf0a770c5800da21d954ab8fc78653f38 100644 --- a/stripe_checkout/stripe_checkout/static/main.css +++ b/stripe_checkout/stripe_checkout/static/main.css @@ -94,7 +94,7 @@ body { } .card-header { - margin: 0 0 1rem 0; + margin: 0 0 0rem 0; text-align: center; width: 100%; } @@ -105,7 +105,9 @@ body { flex-direction: column; gap: 2rem; } - +.leader { + margin-bottom: 1rem; +} .button { border: none; background-color: var(--primary); @@ -198,7 +200,6 @@ body { .card-header { text-align: left; - margin-bottom: 2.5rem; } .card-content { diff --git a/stripe_checkout/stripe_checkout/templates/checkout.html b/stripe_checkout/stripe_checkout/templates/checkout.html index ed2305569b13062e0f5b9392074d5628be5fa0df..c6e56b79eee5c014dc25fe781186ce37f98cf8ee 100644 --- a/stripe_checkout/stripe_checkout/templates/checkout.html +++ b/stripe_checkout/stripe_checkout/templates/checkout.html @@ -5,9 +5,13 @@ {% endblock title %} {% block content %} <div class="checkout flex center"> - <div class="card flex center column"> + <div class="card flex center column gap"> {% if shopping_cart|length > 0 %} <h1 class="card-header primary">Please confirm your payment</h1> + <div class="leader">Please finalize your registration by clicking CONFIRM below and choosing your + payment method. Only after you have confirmed, and we have received your payment, is your + registration for TNC2025 complete. + </div> <div class="card-content center gap"> <div> <div class="checkout-summary">