Merge pull request #12504 from overleaf/jel-cms-card-padding

[web] Option to set padding on CMS rows

GitOrigin-RevId: 297344c9bf6c04eae630f1ddbed59f9519d4e4c7

services/web/frontend/stylesheets/app/cms-page.less

@@ -399,6 +399,38 @@
   }
 }
 
+.row-top-padding-sm {
+  padding-top: @padding-sm;
+}
+.row-top-padding-md {
+  padding-top: @padding-md;
+}
+.row-top-padding-lg {
+  padding-top: @padding-lg;
+}
+.row-top-padding-xl {
+  padding-top: @padding-xl;
+}
+.row-top-padding-xxl {
+  padding-top: @padding-xxl;
+}
+
+.row-bottom-padding-sm {
+  padding-bottom: @padding-sm;
+}
+.row-bottom-padding-md {
+  padding-bottom: @padding-md;
+}
+.row-bottom-padding-lg {
+  padding-bottom: @padding-lg;
+}
+.row-bottom-padding-xl {
+  padding-bottom: @padding-xl;
+}
+.row-bottom-padding-xxl {
+  padding-bottom: @padding-xxl;
+}
+
 @media (max-width: @screen-sm-min) {
   .col-xs-padding-sm {
     .col-xs-12:not(:first-child) {