Add horizontal margins in page layout when no quick_navigation

Author: Erik2609

content/english/knowledge-platform/policy-observatory.md

@@ -5,6 +5,8 @@ subtitle: >
   and AI. On this page information is collected about these initiatives,
   including reference material that Algorithm Audit has developed.
 image: /images/svg-illustrations/knowledge_base.svg
+quick_navigation:
+  custom_page_width: '9'
 reports_preview:
   title: White papers
   icon: fas fa-file
@@ -93,4 +95,4 @@ Over the years, many Fundamental Rights Impact Assessments (FRIAs) have been dev
 
 {{< tab_content_close >}}
 
-{{< tab_content_close >}}
+{{< tab_content_close >}}

layouts/partials/sublanding-page-header.html

@@ -35,7 +35,7 @@ <h3 style="color: {{$color}} !important" class="{font-size-1_3rem">{{.Params.tit
         <div class="container pb-5">
           {{ range .Params.subpage_links }}
           <a href={{.url}} class="row justify-content-center">
-            <div style="background-color: {{.color}};" class="rounded-lg col color-blue p-0 my-2">
+            <div style="background-color: {{.color}}};" class="rounded-lg col color-blue p-0 my-2">
               <div class="row mx-4 py-3">
                   <i class="font-size-1_5rem fa {{ .icon }}"></i>
                   <h3 class="color-blue font-size-1_5rem ml-4">{{.title}}</h3>

layouts/section/sublandingpage.html

@@ -28,7 +28,7 @@ <h3>{{.Params.quick_navigation.title}}</h3>
       </div>
       <div class="col-lg-2 col-12"></div>
       {{ else }}
-      <div class="col-12 mx-auto">
+      <div class="col-12 {{if.Params.quick_navigation.custom_page_width}}col-lg-{{.Params.quick_navigation.custom_page_width}}{{end}} mx-auto">
         <div class="content">{{ .Content }}</div>
       </div>
       {{ end }}

themes/bigspring-light/layouts/_default/single.html

@@ -59,7 +59,7 @@ <h3>{{.Params.quick_navigation.title}}</h3>
       </div>
       <div class="col-lg-2 col-12"></div>
       {{ else }}
-      <div class="col-12 mx-auto">
+      <div class="col-12 {{if.Params.quick_navigation.custom_page_width}}col-lg-{{.Params.quick_navigation.custom_page_width}}{{end}} mx-auto">
         <div class="content">{{ .Content }}</div>
       </div>
       {{ end }}

tina/collections/shared/page/quick_navigation.ts

@@ -17,6 +17,12 @@ const quick_navigation: TinaField = {
       label: "Title",
       required: false,
     },
+    {
+      type: "string",
+      name: "custom_page_width",
+      label: "Custom page width for large screens (1-12)",
+      required: false,
+    },
     {
       type: "object",
       name: "links",