Update templates/index.html

templates/index.html

@@ -11,11 +11,15 @@
     <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 style="margin-top: 10px; width: var(--board-width);">
+                <div style="display: flex; gap: 10px; align-items: center;">
+                    <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 style="display: flex; gap: 10px; margin-top: 10px;">
+                    <button onclick="board.clear(); document.getElementById('results').innerHTML = ''; updateInfo();">Clear</button>
+                    <button onclick="search()">Search</button>
+                </div>
             </div>
         </div>
     </div>