From 3c9eccab7840e04e876878bbd3ad4f01679bdca3 Mon Sep 17 00:00:00 2001
From: Thomas Hallock <thomas@evolutioniq.com>
Date: Wed, 5 Nov 2025 10:10:48 -0600
Subject: [PATCH] fix(syntax): correct div nesting and indentation in abacus
 page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixed improper div nesting that was causing JSX syntax errors:
- Indented grid div to be properly inside data-component div
- Added missing closing divs for proper nesting structure
- Aligned all closing tags with their opening tags

Structure now correctly:
PageWithNav > outer wrapper > data-component > (h1, p, grid) > (controls, preview)

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 apps/web/src/app/create/abacus/page.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/apps/web/src/app/create/abacus/page.tsx b/apps/web/src/app/create/abacus/page.tsx
index 42e98041..2e15f8b2 100644
--- a/apps/web/src/app/create/abacus/page.tsx
+++ b/apps/web/src/app/create/abacus/page.tsx
@@ -96,13 +96,13 @@ export default function ThreeDPrintPage() {
 
         <p className={css({ mb: 6, color: 'gray.600' })}>{t('pageSubtitle')}</p>
 
-      <div
-        className={css({
-          display: 'grid',
-          gridTemplateColumns: { base: '1fr', md: '1fr 1fr' },
-          gap: 8,
-        })}
-      >
+        <div
+          className={css({
+            display: 'grid',
+            gridTemplateColumns: { base: '1fr', md: '1fr 1fr' },
+            gap: 8,
+          })}
+        >
         {/* Left column: Controls */}
         <div data-section="controls">
           <div
@@ -562,7 +562,8 @@ export default function ThreeDPrintPage() {
             </div>
           </div>
         </div>
-      </div>
+        </div>
+        </div>
       </div>
     </PageWithNav>
   )