From 2939282a7f193c9756d015fd6b7b05e6e39743b1 Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Fri, 8 Nov 2024 08:10:02 -0700
Subject: [PATCH] Merge pull request #21725 from
 overleaf/ds-payment-page-layout

Checkout Redesign - adding the layout of the checkout page

GitOrigin-RevId: e48feed16b69e26ec3b4d1935c1db169c16172e9
---
 .../bootstrap-5/pages/subscription.scss       | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss
index d7a46ea6d3..573c914b55 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss
@@ -138,3 +138,23 @@
     }
   }
 }
+
+.payment-container {
+  padding-top: var(--spacing-13);
+
+  .payment-row {
+    display: flex;
+    gap: var(--spacing-10);
+    justify-content: center;
+
+    .payment-right-section {
+      padding: var(--spacing-08);
+    }
+  }
+
+  @include media-breakpoint-up(md) {
+    .payment-left-section {
+      padding: 0;
+    }
+  }
+}