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