Use narrower container for lists

themes/chosto/layouts/_default/baseof.html

@@ -5,9 +5,7 @@
         <div class="content">
           {{- partial "navbar.html" . -}}
           {{- partial "header.html" . -}}
-          <div class="container">
           {{- block "main" . }}{{- end }}
-          </div>
           {{- partial "footer.html" . -}}
         </div>
     </body>

themes/chosto/layouts/_default/list.html

@@ -1,19 +1,21 @@
 {{ define "main" }}
-<main>
-  {{ with .Content }}
-  <article class="message mt-5 mb-2 is-medium">
-    <div class="message-body">
-    {{ . }}
-    </div>
-  </article>
-  {{ end }}
-  <div class="columns is-multiline is-mobile">
-    {{ range .Paginator.Pages }}
-    <div class="column is-one-third">
-      {{ .Render "summary" }}
-    </div>
+<div class="container is-max-widescreen">
+  <main>
+    {{ with .Content }}
+    <article class="message mt-5 mb-2 is-medium">
+      <div class="message-body">
+        {{ . }}
+      </div>
+    </article>
     {{ end }}
-  </div>
-  {{- partial "pagination.html" . -}}
-</main>
+    <div class="columns is-multiline is-mobile">
+      {{ range .Paginator.Pages }}
+      <div class="column is-one-third">
+        {{ .Render "summary" }}
+      </div>
+      {{ end }}
+    </div>
+    {{- partial "pagination.html" . -}}
+  </main>
+</div>
 {{ end }}

themes/chosto/layouts/_default/single.html

@@ -1,47 +1,49 @@
 {{ define "main" }}
-<div class="columns mt-5 is-variable is-mobile is-8">
-  <!--
+<div class="container">
+  <div class="columns mt-5 is-variable is-mobile is-8">
+    <!--
   If the current page is a blog post and belongs to a case, we will add a side menu
   with all other blog posts belonging to that case, emphasis to the current.
   -->
-  {{ if (and .IsPage (eq .FirstSection.Section "posts"))}}
-  {{ with .CurrentSection }}
-  <aside class="menu box column is-3 is-align-self-flex-start is-fixed-top" style="position: sticky; top: 7%;">
-    <p class="menu-label">
-      Dans le dossier « <a href="{{ .Permalink }}">{{ .Params.Title }} »</a>...
-    </p>
-    <div class="menu-list">
-      {{ $posts := (where $.Site.RegularPages "CurrentSection.Params.Code" "==" $.CurrentSection.Params.Code )}}
-      {{ $postsSorted := (sort $posts "Date" )}}
-      {{ range $postsSorted }}
-      <a {{ if eq $.Title .Title }} class="is-active" {{ end }} href="{{ .Permalink }}">{{ .Title }}</a>
-      {{ end }}
-    </div>
-  </aside>
-  {{ end }}
-  {{ end }}
-  <section class="column is-7">
-    <div>
-      <article>
-        {{ .Content }}
-      </article>
-    </div>
-    <aside class="container level my-5">
-      <div class="level-left">
-        {{ with .PrevInSection }}
-        <div class="level-item">
-          <a class="button is-info" href="{{ .Permalink }}">&laquo;&nbsp;{{ .Title }}</a>
-        </div>
-        {{ end }}
-      </div>
-      <div class="level-right">
-        {{ with .NextInSection }}
-        <div class="level-item">
-          <a class="button is-info" href="{{ .Permalink }}">{{ .Title }}&nbsp;&raquo;</a>
-        </div>
+    {{ if (and .IsPage (eq .FirstSection.Section "posts"))}}
+    {{ with .CurrentSection }}
+    <aside class="menu box column is-3 is-align-self-flex-start is-fixed-top" style="position: sticky; top: 7%;">
+      <p class="menu-label">
+        Dans le dossier « <a href="{{ .Permalink }}">{{ .Params.Title }} »</a>...
+      </p>
+      <div class="menu-list">
+        {{ $posts := (where $.Site.RegularPages "CurrentSection.Params.Code" "==" $.CurrentSection.Params.Code )}}
+        {{ $postsSorted := (sort $posts "Date" )}}
+        {{ range $postsSorted }}
+        <a {{ if eq $.Title .Title }} class="is-active" {{ end }} href="{{ .Permalink }}">{{ .Title }}</a>
         {{ end }}
       </div>
     </aside>
-  </section>
+    {{ end }}
+    {{ end }}
+    <section class="column is-7">
+      <div>
+        <article>
+          {{ .Content }}
+        </article>
+      </div>
+      <aside class="container level my-5">
+        <div class="level-left">
+          {{ with .PrevInSection }}
+          <div class="level-item">
+            <a class="button is-info" href="{{ .Permalink }}">&laquo;&nbsp;{{ .Title }}</a>
+          </div>
+          {{ end }}
+        </div>
+        <div class="level-right">
+          {{ with .NextInSection }}
+          <div class="level-item">
+            <a class="button is-info" href="{{ .Permalink }}">{{ .Title }}&nbsp;&raquo;</a>
+          </div>
+          {{ end }}
+        </div>
+      </aside>
+    </section>
+  </div>
 </div>
 {{ end }}