Change chapter list to two-column table

- Chapter title/link in first column
- Description in second column (muted)
- Row hover highlight
- Cleaner tabular layout

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: markc

docs/spe.css

@@ -135,11 +135,14 @@ nav.nav-card { border: 1px solid var(--border); border-radius: var(--radius-md);
     transition: max-height 0.3s ease, opacity 0.2s ease; }
 .sidebar-group.collapsed nav { max-height: 0; opacity: 0; }
 
-/* Chapter list */
-.chapter-list { display: flex; flex-direction: column; margin-top: 1rem; }
-.chapter-list a { display: block; padding: 0.4rem 0; color: var(--fg); }
-.chapter-list a:hover { background: var(--nav-bg); }
-.chapter-list strong { font-weight: 600; }
+/* Chapter table */
+.chapter-table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
+.chapter-table td { padding: 0.4rem 0; vertical-align: top; }
+.chapter-table td:first-child { white-space: nowrap; padding-right: 1rem; }
+.chapter-table td:last-child { color: var(--muted); }
+.chapter-table tr:hover { background: var(--nav-bg); }
+.chapter-table a { color: var(--fg); }
+.chapter-table strong { font-weight: 600; }
 
 /* === Forms === */
 input, textarea, select, button { font: inherit; padding: 0.5rem 0.75rem; border-radius: var(--radius-sm); }

index.php

@@ -60,12 +60,13 @@ final class Theme {
         public function __construct(private Ctx $ctx) {}
 
         private function chapterList(): string {
-            return $this->ctx->chapters
+            $rows = $this->ctx->chapters
                 |> (fn($c) => array_map(fn($ch) => sprintf(
-                    '<a href="%s-%s/"><strong>%s %s</strong> — %s</a>',
+                    '<tr><td><a href="%s-%s/"><strong>%s %s</strong></a></td><td>%s</td></tr>',
                     $ch[0], $ch[1], $ch[0], $ch[1], $ch[2]
                 ), $c))
                 |> (fn($a) => implode("\n", $a));
+            return "<table class=\"chapter-table\">$rows</table>";
         }
 
         private function nav(): string {
@@ -119,7 +120,7 @@ public function Simple(): string {
         <div class="card">
             <h2>Chapters</h2>
             <p>A progressive PHP 8.5 micro-framework tutorial in 11 chapters</p>
-            <nav class="chapter-list">$list</nav>
+            <div class="chapter-list">$list</div>
         </div>
     </main>
     <footer class="text-center mt-3"><small>© 2015-2025 Mark Constable (MIT License)</small></footer>