1 files changed, 54 insertions, 50 deletions

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 101f759..206c566 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,59 +1,63 @@
-<main itemprop="mainPart" itemscope itemtype="https://schema.org/DataFeed" itemid="$url.full$">
-    <div class="l-container l-container--pad-x l-container--pad-y l-container--narrow h-feed">        
-        <header class="s-colored-links">
-            <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline">
-                <span class="o-heading__primary">$title$</span>
-            </h1>
+<main
+    class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125 h-feed"
+    itemprop="mainPart"
+    itemscope
+    itemtype="https://schema.org/DataFeed"
+    itemid="$url.full$"
+>
+    <header class="s-colored-links">
+        <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline">
+            <span class="o-heading__primary">$title$</span>
+        </h1>
 
 $body$
-        </header>
+    </header>
 
-        $if(notoc)$$else$
-            <nav class="c-hnav s-invisible-links" aria-label="Sections">
-                <h2 class="u-mt-0">Jump to</h2>
-                $for(list)$
-                    <a class="c-hnav__item" href="#$it.slug$">$it.title$</a>
-                $endfor$
-            </nav>
-        $endif$
-
-        <div class="l-card-list">
+    $if(notoc)$$else$
+        <nav class="c-hnav s-invisible-links" aria-label="Sections">
+            <h2 class="u-mt-0">Jump to</h2>
             $for(list)$
-                <section class="h-entry h-feed" itemprop="dataFeedElement" itemscope itemtype="https://schema.org/DataFeed">
-                    <header class="l-card-list__header">
-                        <h2 class="s-invisible-links u-mt-0 p-name" id="$it.slug$" itemprop="name headline">
-                            $if(it.url)$
-                                <a href="$it.url.rel$">$it.title$</a>
-                            $else$
-                                $it.title$
-                            $endif$
-                        </h2>
-                        $if(it.description)$
-                            <div class="s-small s-colored-links">$it.description$</div>
-                        $endif$ 
-                    </header>
-                    <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
-                        $if(it.layout.is_grid-2)$
-                            $it.items:partials/grid_card()$
-                        $elseif(it.layout.is_grid-3)$
-                            $it.items:partials/grid_card()$
-                        $elseif(it.layout.is_gallery-2)$
-                            $it.items:partials/gallery_card()$
-                        $elseif(it.layout.is_gallery-3)$
-                            $it.items:partials/gallery_card()$
+                <a class="c-hnav__item" href="#$it.slug$">$it.title$</a>
+            $endfor$
+        </nav>
+    $endif$
+
+    <div class="l-card-list">
+        $for(list)$
+            <section class="h-entry h-feed" itemprop="dataFeedElement" itemscope itemtype="https://schema.org/DataFeed">
+                <header class="l-card-list__header">
+                    <h2 class="s-invisible-links u-mt-0 p-name" id="$it.slug$" itemprop="name headline">
+                        $if(it.url)$
+                            <a href="$it.url.rel$">$it.title$</a>
                         $else$
-                            $it.items:partials/list_card()$
+                            $it.title$
                         $endif$
-                    </div>
-                    $if(it.omitted)$
-                        <footer class="l-card-list__footer">
-                            <a class="l-media__block o-badge o-badge--200" href="$it.url.rel$" aria-label="$it.omitted$ more items in '$it.title$'">
-                                $it.omitted$ more items <span class="u-ml-10">→</span>
-                            </a>
-                        </footer>
+                    </h2>
+                    $if(it.description)$
+                        <div class="s-small s-colored-links">$it.description$</div>
+                    $endif$ 
+                </header>
+                <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
+                    $if(it.layout.is_grid-2)$
+                        $it.items:partials/grid_card()$
+                    $elseif(it.layout.is_grid-3)$
+                        $it.items:partials/grid_card()$
+                    $elseif(it.layout.is_gallery-2)$
+                        $it.items:partials/gallery_card()$
+                    $elseif(it.layout.is_gallery-3)$
+                        $it.items:partials/gallery_card()$
+                    $else$
+                        $it.items:partials/list_card()$
                     $endif$
-                </section>
-            $endfor$
-        </div>
+                </div>
+                $if(it.omitted)$
+                    <footer class="l-card-list__footer">
+                        <a class="l-media__block o-badge o-badge--200" href="$it.url.rel$" aria-label="$it.omitted$ more items in '$it.title$'">
+                            $it.omitted$ more items <span class="u-ml-10">→</span>
+                        </a>
+                    </footer>
+                $endif$
+            </section>
+        $endfor$
     </div>
 </main>