From 43799b8c6d00e30fa1e5e6185d2d93a0c19d933f Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Wed, 22 Jul 2026 12:41:43 -0400
Subject: [PATCH] Make compact view visually distinct; v1.0.9
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add qa-cards--compact class to container when active. Compact mode now
tightens padding, reduces font sizes, hides related questions, and
reduces card gaps — making the density difference obvious.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 package.json                 |  2 +-
 src/App.css                  | 36 ++++++++++++++++++++++++++++++++++++
 src/components/QASection.tsx |  2 +-
 3 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index d7fab54..dd5d1b3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "siteforge",
   "private": true,
-  "version": "1.0.8",
+  "version": "1.0.9",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/App.css b/src/App.css
index c8cd8d2..a03c029 100644
--- a/src/App.css
+++ b/src/App.css
@@ -6367,6 +6367,42 @@
   box-shadow: 0 0 0 1px rgba(201,168,76,0.15);
 }
 
+/* ── Compact mode ── */
+.qa-cards--compact {
+  gap: 0.5rem;
+}
+
+.qa-cards--compact .qa-question-header {
+  padding: 0.65rem 0.85rem 0.55rem;
+}
+
+.qa-cards--compact .qa-card-face {
+  padding: 0.15rem 0.85rem 0.75rem;
+}
+
+.qa-cards--compact .qa-question-text {
+  font-size: 0.96rem;
+}
+
+.qa-cards--compact .qa-answer-text {
+  font-size: 0.93rem;
+  line-height: 1.52;
+}
+
+.qa-cards--compact .qa-card-actions {
+  padding: 0.3rem 0.85rem;
+  gap: 0.4rem;
+}
+
+.qa-cards--compact .qa-related-wrap {
+  display: none;
+}
+
+.qa-cards--compact .qa-answer-byline {
+  font-size: 0.74rem;
+  margin-top: 0.5rem;
+}
+
 .qa-pinned-badge {
   font-size: 0.85em;
   margin-right: 0.15rem;
diff --git a/src/components/QASection.tsx b/src/components/QASection.tsx
index c663a2e..18d830d 100644
--- a/src/components/QASection.tsx
+++ b/src/components/QASection.tsx
@@ -861,7 +861,7 @@ export default function QASection() {
                     ))}
                   </aside>
 
-                  <div className="qa-cards">
+                  <div className={`qa-cards${compactMode ? ' qa-cards--compact' : ''}`}>
                     <div ref={resultsTopRef} aria-hidden="true" />
                     {pagedQuestions.map(question => {
                       const relatedQuestions = getRelatedQuestions(question)