From 6d051f79eed23ac4a24afaf2f782b887da4546ed Mon Sep 17 00:00:00 2001
From: Aditya <aditya@wlpt1511.local>
Date: Mon, 6 Jan 2025 10:23:55 +0530
Subject: [PATCH] 4th chess game commit

---
 index.html | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index beb77ff..154ce5c 100644
--- a/index.html
+++ b/index.html
@@ -241,14 +241,16 @@
             justify-content: center;
             margin-top: 20px;
             width: 100%;
+            border-top: 1px solid #555;
+            padding-top: 20px;
         }
 
         .clock {
             background: #404040;
-            padding: 15px;
+            padding: 10px;
             border-radius: 8px;
             text-align: center;
-            width: 150px;
+            width: calc(50% - 10px);
         }
 
         .player-label {
@@ -290,16 +292,6 @@ <h1>Chess Game</h1>
             <div class="board-container">
                 <div class="chessboard" id="chessboard"></div>
                 <div class="status" id="status">White to move</div>
-                <div class="chess-clocks">
-                    <div class="clock black-clock">
-                        <div class="player-label">Black</div>
-                        <div class="time" id="blackClock">5:00</div>
-                    </div>
-                    <div class="clock white-clock">
-                        <div class="player-label">White</div>
-                        <div class="time" id="whiteClock">5:00</div>
-                    </div>
-                </div>
             </div>
             <div class="piece-legend">
                 <div class="legend-title">Chess Pieces</div>
@@ -351,6 +343,16 @@ <h1>Chess Game</h1>
                     <input type="text" id="moveInput" placeholder="Enter move (e.g., e2e4, 0-0, 0-0-0)">
                     <button onclick="makeMove()">Make Move</button>
                 </div>
+                <div class="chess-clocks">
+                    <div class="clock black-clock">
+                        <div class="player-label">Black</div>
+                        <div class="time" id="blackClock">5:00</div>
+                    </div>
+                    <div class="clock white-clock">
+                        <div class="player-label">White</div>
+                        <div class="time" id="whiteClock">5:00</div>
+                    </div>
+                </div>
                 <div class="status" id="status">White to move</div>
             </div>
         </div>