From 66cdcbbac73bf8b3c5d3463a988a556cba520391 Mon Sep 17 00:00:00 2001 From: Pelle Koster <pelle.koster@geant.org> Date: Thu, 20 Mar 2025 07:21:05 +0100 Subject: [PATCH] Add wording to tell people that they need to confirm payment --- stripe_checkout/stripe_checkout/static/main.css | 7 ++++--- stripe_checkout/stripe_checkout/templates/checkout.html | 6 +++++- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/stripe_checkout/stripe_checkout/static/main.css b/stripe_checkout/stripe_checkout/static/main.css index 5a75fcd..35a00ea 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 ed23055..c6e56b7 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"> -- GitLab