Merge pull request #10774 from overleaf/jel-new-page-style

[web] Updates to new page style

GitOrigin-RevId: 4d29b4642efef608164fb9fc6875c1618565d231

services/web/frontend/stylesheets/app/content_page.less

@@ -47,7 +47,7 @@
   }
 
   .page-header {
-    margin-top: 0;
+    margin-top: 60px;
   }
 
   /*

services/web/frontend/stylesheets/components/lists.less

@@ -30,6 +30,7 @@
   @icon-bullet-list-icon-size: 30px;
   ul {
     list-style: none;
+    margin-top: 30px;
     padding-left: 20px;
   }
 

services/web/frontend/stylesheets/core/page.less

@@ -20,4 +20,17 @@
   video {
     clip-path: inset(0 0); // fix Safari bug that will sometimes add border
   }
+
+  .section-row {
+    margin: 0 auto;
+    /* match .col-sm-12 */
+    /* @grid-gutter-width  is used for margins */
+    max-width: (@screen-sm) - @grid-gutter-width!important;
+    @media (min-width: @screen-md-min) {
+      max-width: (@screen-md) - @grid-gutter-width!important;
+    }
+    @media (min-width: @screen-lg-min) {
+      max-width: (@screen-lg) - @grid-gutter-width!important;
+    }
+  }
 }