From 91ec3ca47ef01f549138a51c984055c94fce1028 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Mon, 3 Apr 2023 08:58:11 -0500
Subject: [PATCH] Merge pull request #12425 from overleaf/jel-mobile-padding

[web] Option to add padding for mobile layout on CMS pages

GitOrigin-RevId: 33775905725710d7fc16d84c00af643c4adcc590
---
 .../frontend/stylesheets/app/cms-page.less    | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/services/web/frontend/stylesheets/app/cms-page.less b/services/web/frontend/stylesheets/app/cms-page.less
index 9f8d427c59..f81ccbe402 100644
--- a/services/web/frontend/stylesheets/app/cms-page.less
+++ b/services/web/frontend/stylesheets/app/cms-page.less
@@ -398,3 +398,31 @@
     }
   }
 }
+
+@media (max-width: @screen-sm-min) {
+  .col-xs-padding-sm {
+    .col-xs-12:not(:first-child) {
+      padding-top: @padding-sm;
+    }
+  }
+  .col-xs-padding-md {
+    .col-xs-12:not(:first-child) {
+      padding-top: @padding-md;
+    }
+  }
+  .col-xs-padding-lg {
+    .col-xs-12:not(:first-child) {
+      padding-top: @padding-lg;
+    }
+  }
+  .col-xs-padding-xl {
+    .col-xs-12:not(:first-child) {
+      padding-top: @padding-xl;
+    }
+  }
+  .col-xs-padding-xxl {
+    .col-xs-12:not(:first-child) {
+      padding-top: @padding-xxl;
+    }
+  }
+}