From a335b3af6f9fdbfd7d2b7aa5ebd030827f832bed Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 21 Jul 2025 09:27:06 +0000
Subject: [PATCH] Visual edit in Lovable

Edited UI in Lovable
---
 src/components/KnightsPuzzle.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/KnightsPuzzle.tsx b/src/components/KnightsPuzzle.tsx
index f22768c..1bbca55 100644
--- a/src/components/KnightsPuzzle.tsx
+++ b/src/components/KnightsPuzzle.tsx
@@ -218,15 +218,17 @@ const KnightsPuzzle = ({
       {/* Red: Game rules */}
       <Card className="bg-destructive/5 border-destructive/20">
         <CardHeader className="pb-3">
-          <CardTitle className="text-lg">How to Play</CardTitle>
+          
         </CardHeader>
         <CardContent>
           <ul className="space-y-1 text-sm text-muted-foreground">
-            <li>• Click on a knight to select it</li>
-            <li>• Valid moves will be highlighted</li>
-            <li>• Click on a highlighted square to move</li>
-            <li>• Goal: Swap white and black knights</li>
-            <li>• Knights move in an L-shape (like in chess)</li>
+            <li>Click on a knight to select it, valid moves will be highlighted. Click on a highlighted square to move the knight to said square (knights move in an L-shape, like in chess).
+
+          </li>
+            
+            
+            <li>Goal: Swap white and black knights</li>
+            
           </ul>
         </CardContent>
       </Card>