Merge pull request #12425 from overleaf/jel-mobile-padding

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

GitOrigin-RevId: 33775905725710d7fc16d84c00af643c4adcc590

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;
+    }
+  }
+}