From c1e0bd32fecc31fd32657446eca193e6c8a9a2dc Mon Sep 17 00:00:00 2001
From: Dominik Hebeler <dominik@hebeler.club>
Date: Mon, 12 Jun 2023 13:23:41 +0200
Subject: [PATCH] updated payment method infos

---
 pass/public/styles/cost.less | 12 +++++++-----
 pass/views/cost.ejs          | 13 ++++++++++++-
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/pass/public/styles/cost.less b/pass/public/styles/cost.less
index 65b6cee..7ed5d7e 100644
--- a/pass/public/styles/cost.less
+++ b/pass/public/styles/cost.less
@@ -133,15 +133,17 @@
       flex: 0 1 150px;
       border: 1px solid @color-main;
       border-radius: 10px;
-      padding: 0.5rem;
+      padding: 1rem;
 
       > div {
-        font-size: 1.3rem;
-        display: grid;
-        place-content: center;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 1rem;
+        line-height: 1;
         > img {
           max-width: 100%;
-          max-height: 44px;
+          max-height: 35px;
         }
       }
     }
diff --git a/pass/views/cost.ejs b/pass/views/cost.ejs
index 55b2d3a..cbb9a6f 100644
--- a/pass/views/cost.ejs
+++ b/pass/views/cost.ejs
@@ -46,7 +46,10 @@ js:[]}); %>
   <div class="payment-methods-container">
     <div class="payment-method">
       <div>
-        <img src="<%= baseDir _%>/images/cash.svg" alt="Bargeld" />
+        <img src="<%= baseDir _%>/images/letter.svg" alt="Bargeld" />
+        <div>
+          <%= req.t("payments.cash.name", {ns: "checkout"}) _%>
+        </div>
       </div>
     </div>
   </div>
@@ -60,6 +63,14 @@ js:[]}); %>
     <div class="payment-method">
       <div>
         <img src="<%= baseDir _%>/images/paypal/card.svg" alt="Credit Card Logo" />
+        <div>
+          <%= req.t("paypal.card.label", {ns: "checkout"}) _%>
+        </div>
+      </div>
+    </div>
+    <div class="payment-method">
+      <div>
+        <%= req.t("payments.prepay.name", {ns: "checkout"}) _%>
       </div>
     </div>
     <div class="payment-method">
-- 
GitLab