From 20846a89a1d4b0fe3951ac8df60ca3aacfd0b912 Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Thu, 3 Oct 2024 07:39:43 -0700
Subject: [PATCH] Merge pull request #20793 from
 overleaf/jel-cms-card-top-margin

[web] Apply vertical spacing between cards on CMS pages

GitOrigin-RevId: c03ae91d1de081013e8318dd80b90ef508cb5b4f
---
 .../stylesheets/bootstrap-5/pages/cms.scss    | 47 +++++++++++--------
 1 file changed, 27 insertions(+), 20 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss
index 9da6a062f1..4c51a871d8 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss
@@ -70,6 +70,10 @@
     margin-left: var(--spacing-06);
   }
 
+  .card + .card {
+    margin-top: var(--spacing-09);
+  }
+
   .optional-text {
     font-size: 14px;
   }
@@ -329,6 +333,29 @@
       }
     }
   }
+
+  .card,
+  .no-card {
+    &.top-margin-sm {
+      margin-top: var(--spacing-05);
+    }
+
+    &.top-margin-md {
+      margin-top: var(--spacing-07);
+    }
+
+    &.top-margin-lg {
+      margin-top: var(--spacing-09);
+    }
+
+    &.top-margin-xl {
+      margin-top: var(--spacing-10);
+    }
+
+    &.top-margin-xxl {
+      margin-top: var(--spacing-11);
+    }
+  }
 }
 
 .icon-with-content {
@@ -578,26 +605,6 @@
   }
 }
 
-.top-margin-sm {
-  margin-top: var(--spacing-05);
-}
-
-.top-margin-md {
-  margin-top: var(--spacing-07);
-}
-
-.top-margin-lg {
-  margin-top: var(--spacing-09);
-}
-
-.top-margin-xl {
-  margin-top: var(--spacing-10);
-}
-
-.top-margin-xxl {
-  margin-top: var(--spacing-11);
-}
-
 .bottom-align-last-entry {
   &.no-card {
     display: flex;