From b65d45cdf0d6fee0e2e04fe7697ffc7a72afb399 Mon Sep 17 00:00:00 2001
From: thomas <toma.laforge@gmail.com>
Date: Thu, 27 Aug 2026 21:51:46 +0200
Subject: [PATCH] fix(website): widen giscus comments and rename CLI step

Let the giscus comment thread span the full article width instead of
being capped at max-w-3xl, and rename "One command" to "Angular challenge CLI"
in the Try Challenge modal.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 website/src/app/pages/docs/doc-page.html      | 5 ++++-
 website/src/app/pages/docs/try-challenge.html | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/website/src/app/pages/docs/doc-page.html b/website/src/app/pages/docs/doc-page.html
index 3a8460dd7..ad0ebe3c6 100644
--- a/website/src/app/pages/docs/doc-page.html
+++ b/website/src/app/pages/docs/doc-page.html
@@ -1,5 +1,6 @@
 <div class="flex gap-10 px-4 py-8 sm:px-6 lg:px-10">
-  <article class="min-w-0 max-w-3xl flex-1">
+  <article class="min-w-0 flex-1">
+    <div class="max-w-3xl">
     @if (doc().collection === 'challenges' && doc().challengeNumber) {
       <header
         class="relative mb-10 overflow-hidden rounded-2xl border border-neutral-200 bg-gradient-to-br from-neutral-100 via-white to-white p-6 sm:p-8 dark:border-neutral-800 dark:from-neutral-900 dark:via-neutral-950 dark:to-neutral-950">
@@ -141,6 +142,8 @@ <h1 class="mb-6 text-3xl font-bold tracking-tight">{{ doc().title }}</h1>
       </footer>
     }
 
+    </div>
+
     @if (!doc().noComments) {
       <app-comments [term]="doc().title + ' | Angular Challenges'" />
     }
diff --git a/website/src/app/pages/docs/try-challenge.html b/website/src/app/pages/docs/try-challenge.html
index 3c1a0fa11..73cad1740 100644
--- a/website/src/app/pages/docs/try-challenge.html
+++ b/website/src/app/pages/docs/try-challenge.html
@@ -42,10 +42,10 @@ <h2 class="text-2xl font-bold text-neutral-900 dark:text-white">
         </button>
       </div>
 
-      <!-- 1. One command -->
+      <!-- 1. Angular challenge CLI -->
       <section class="mb-9">
         <h3 class="mb-3 text-lg font-semibold text-neutral-900 dark:text-white">
-          <span class="mr-1.5 text-pink-500">1.</span> One command
+          <span class="mr-1.5 text-pink-500">1.</span> Angular challenge CLI
           <span
             class="ml-1.5 rounded bg-pink-600/10 px-2 py-0.5 align-middle text-xs font-medium text-pink-600 dark:text-pink-400"
             >recommended</span