From 6e3755ae3a512e2ac0a48f03360d7b3ae97b4f73 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Fri, 27 Sep 2024 21:43:08 +0600
Subject: [PATCH] web/DonateOptionsCard: rename monthly to recurring

---
 web/i18n/en/donate.json                            | 2 +-
 web/src/components/donate/DonateBanner.svelte      | 2 +-
 web/src/components/donate/DonateOptionsCard.svelte | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/i18n/en/donate.json b/web/i18n/en/donate.json
index bf99eb80..57386785 100644
--- a/web/i18n/en/donate.json
+++ b/web/i18n/en/donate.json
@@ -6,7 +6,7 @@
     "body.keep_going": "you can help us stay motivated & keep creating safe alternatives to abusive tools by sharing cobalt with a friend or donating.",
 
     "card.once": "one-time donation",
-    "card.monthly": "monthly donation",
+    "card.recurring": "recurring donation",
     "card.custom": "custom amount (from $2)",
 
     "card.processor": "processed by {{value}}",
diff --git a/web/src/components/donate/DonateBanner.svelte b/web/src/components/donate/DonateBanner.svelte
index 91d24203..0b2f1fb1 100644
--- a/web/src/components/donate/DonateBanner.svelte
+++ b/web/src/components/donate/DonateBanner.svelte
@@ -114,7 +114,7 @@
         flex-direction: column;
         justify-content: center;
         color: white;
-        padding: 48px;
+        padding: 47px;
         padding-right: 0;
         gap: 14px;
         white-space: pre-wrap;
diff --git a/web/src/components/donate/DonateOptionsCard.svelte b/web/src/components/donate/DonateOptionsCard.svelte
index 2f3cfb8b..12204780 100644
--- a/web/src/components/donate/DonateOptionsCard.svelte
+++ b/web/src/components/donate/DonateOptionsCard.svelte
@@ -119,7 +119,7 @@
         </button>
 
         <button
-            id="donation-type-monthly"
+            id="donation-type-recurring"
             class="donation-type"
             on:click={() => (processor = "liberapay")}
             class:selected={processor === "liberapay"}
@@ -128,7 +128,7 @@
         >
             <div class="donation-type-icon"><IconCalendarRepeat /></div>
             <div class="donation-type-text">
-                <div class="donate-card-title">{$t("donate.card.monthly")}</div>
+                <div class="donate-card-title">{$t("donate.card.recurring")}</div>
                 <div class="donate-card-subtitle">
                     {$t("donate.card.processor", { value: "liberapay" })}
                 </div>
@@ -241,7 +241,7 @@
     #donation-types {
         display: flex;
         flex-direction: row;
-        gap: var(--donate-card-padding);
+        gap: calc(var(--donate-card-main-padding) / 2);
         overflow: scroll;
     }