From c816c30f5f2353e75518bde7464b1c0258bdeef8 Mon Sep 17 00:00:00 2001
From: Manfred Moser <manfred@simpligility.ca>
Date: Fri, 4 Jul 2025 16:24:08 -0700
Subject: [PATCH] Increase width of index pages

Also pull descriptions for topic page buttons on tag pages into
the button to improve alignment and readability.
---
 layouts/_default/list.html       | 8 ++++----
 layouts/article/list-images.html | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index e3aa2e3b55..e62e155c65 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -120,7 +120,7 @@ <h4 class="list-title">Featured Tutorials</h3>
       </div>
     </div>
     <div class="row justify-content-center topic-container flex-shrink-1">
-      <div class="col-md-12 col-lg-10 col-xl-8">
+      <div class="docs-content">
         <article>
           <h1 class="text-center">{{ if eq .CurrentSection .FirstSection }}{{ .Section | humanize }}{{ else }}{{ .Title }}{{ end }}</h1>
           <div>{{ .Content }}</div>
@@ -150,10 +150,10 @@ <h1 class="text-center">{{ if eq .CurrentSection .FirstSection }}{{ .Section | h
                                 <path d="M1.06199 5.729L0.291992 4.938L4.99999 0.229004L9.70799 4.938L8.93799 5.729L4.99999 1.792L1.06199 5.729Z" fill="currentColor"/>
                             </svg>
                         </div>
-                    </a>
-                    {{ if .Description }}
+                        {{ if .Description }}
                         <div class="button-description">{{ .Description }}</div>
-                    {{ end }}
+                        {{ end }}
+                    </a>
                 {{ end }}
                 {{ template "_internal/pagination.html" . }}
             {{ end }}
diff --git a/layouts/article/list-images.html b/layouts/article/list-images.html
index b5e1cfefc9..4b68ebeac5 100644
--- a/layouts/article/list-images.html
+++ b/layouts/article/list-images.html
@@ -52,11 +52,11 @@ <h5 class="card-title mt-0">
                                     <path d="M1.06199 5.729L0.291992 4.938L4.99999 0.229004L9.70799 4.938L8.93799 5.729L4.99999 1.792L1.06199 5.729Z" fill="currentColor"/>
                                 </svg>
                             </div>
-                        </a>
-                        {{ if .Description }}
+                            {{ if .Description }}
                             <div class="button-description">{{ .Description }}</div>
+                            {{ end }}
+                        </a>
                         {{ end }}
-                    {{ end }}
                     {{ template "_internal/pagination.html" . }}
                 {{ end }}
             </div>