From 3943752bb0f954d1d3f46f5d760f348cd1e7039d Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Mon, 18 Nov 2024 09:49:09 -0700
Subject: [PATCH] Merge pull request #21821 from
 overleaf/as-checkout-payment-switch

Add new version of payment method toggle for Checkout Redesign

GitOrigin-RevId: 0d5593e0b9fe90e9d5bfd47e07cbc675d7924da3
---
 services/web/frontend/extracted-translations.json |  1 +
 .../bootstrap-5/pages/subscription.scss           | 15 +++++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/services/web/frontend/extracted-translations.json b/services/web/frontend/extracted-translations.json
index 3f029cf750..eab487a7a9 100644
--- a/services/web/frontend/extracted-translations.json
+++ b/services/web/frontend/extracted-translations.json
@@ -302,6 +302,7 @@
   "created": "",
   "created_at": "",
   "creating": "",
+  "credit_card": "",
   "current_file": "",
   "current_password": "",
   "currently_seeing_only_24_hrs_history": "",
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss
index 1bf57a33eb..610797a9d3 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss
@@ -287,3 +287,18 @@
   right: 10px;
   top: var(--bs-dropdown-item-padding-y);
 }
+
+.payment-method-toggle {
+  .form-check {
+    margin-bottom: var(--spacing-05);
+  }
+
+  .payment-method-logos {
+    display: inline-block;
+    margin-left: var(--spacing-05);
+
+    img:not(:last-child) {
+      margin-right: var(--spacing-04);
+    }
+  }
+}