From 80d01a7d29d80a305a7682ca6874b59b74c5f2bf Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Fri, 27 Sep 2024 21:50:39 +0600
Subject: [PATCH] web/DonateOptionsCard: shorten processor note & remove mobile
 text

---
 web/i18n/en/donate.json                       |  2 +-
 .../donate/DonateOptionsCard.svelte           | 22 +------------------
 2 files changed, 2 insertions(+), 22 deletions(-)

diff --git a/web/i18n/en/donate.json b/web/i18n/en/donate.json
index 57386785..db298e71 100644
--- a/web/i18n/en/donate.json
+++ b/web/i18n/en/donate.json
@@ -9,7 +9,7 @@
     "card.recurring": "recurring donation",
     "card.custom": "custom amount (from $2)",
 
-    "card.processor": "processed by {{value}}",
+    "card.processor": "via {{value}}",
 
     "card.option.5": "cup of coffee",
     "card.option.10": "full size pizza",
diff --git a/web/src/components/donate/DonateOptionsCard.svelte b/web/src/components/donate/DonateOptionsCard.svelte
index 12204780..2cb29a1c 100644
--- a/web/src/components/donate/DonateOptionsCard.svelte
+++ b/web/src/components/donate/DonateOptionsCard.svelte
@@ -220,10 +220,6 @@
             <IconArrowRight />
         </button>
     </div>
-
-    <div class="donate-card-subtitle processor-mobile">
-        {$t("donate.card.processor", { value: processor })}
-    </div>
 </DonateCardContainer>
 
 <style>
@@ -358,11 +354,6 @@
         margin: 0;
     }
 
-    .processor-mobile {
-        display: none;
-        text-align: center;
-    }
-
     #donation-options-container {
         display: flex;
         flex-direction: column;
@@ -438,6 +429,7 @@
 
     @media screen and (max-width: 550px) {
         :global(#donation-box) {
+            --donate-card-main-padding: 14px;
             min-width: unset;
         }
 
@@ -453,17 +445,5 @@
             width: 26px;
             height: 26px;
         }
-
-        .donation-type .donate-card-subtitle {
-            display: none;
-        }
-
-        .processor-mobile {
-            display: block;
-        }
-    }
-
-    #donation-options > :global(a) {
-        text-decoration: none;
     }
 </style>