Spaces:

christopher
/

chess

Sleeping

christopher commited on 19 days ago

Commit

ac1b98a

verified ·

1 Parent(s): 075796a

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -9,12 +9,12 @@
     <h1>Position Search</h1>
     <p> Search for Lichess puzzles by position</p>
     <div class="container">
-        <div style="width: var(--board-width);">
             <div id="board"></div>
-            <div style="margin-top: 10px; display: flex; gap: 10px; align-items: center;">
                 <button onclick="board.clear(); document.getElementById('results').innerHTML = ''; updateInfo();">Clear</button>
                 <button onclick="search()">Search</button>
-                <input type="text" id="fen" placeholder="Paste FEN here..." style="flex: 1; padding: 8px; font-family: monospace;">
                 <button onclick="let f=document.getElementById('fen').value.trim(); if(f) { board.position(f.split(' ')[0]); updateInfo(); }">Load</button>
             </div>
         </div>

     <h1>Position Search</h1>
     <p> Search for Lichess puzzles by position</p>
     <div class="container">
+        <div>
             <div id="board"></div>
+            <div style="margin-top: 10px; display: flex; gap: 10px; align-items: center; width: var(--board-width);">
                 <button onclick="board.clear(); document.getElementById('results').innerHTML = ''; updateInfo();">Clear</button>
                 <button onclick="search()">Search</button>
+                <input type="text" id="fen" placeholder="Paste FEN here..." style="flex: 1; padding: 8px; font-family: monospace; min-width: 0;">
                 <button onclick="let f=document.getElementById('fen').value.trim(); if(f) { board.position(f.split(' ')[0]); updateInfo(); }">Load</button>
             </div>
         </div>