remove redundant button

beango/css/beango.css

@@ -90,9 +90,9 @@ body {
 /* NEW: Style for highlighted search results */
 .bingo-cell.highlighted {
     border-color: #3b82f6; /* Tailwind blue-500 */
-    border-width: 3px;
-    transform: scale(1.05);
-    box-shadow: 0 0 15px rgba(59, 130, 246, 0.6); /* Stronger blue glow */
+    border-width: 3px; /* Reverted from 4px */
+    transform: scale(1.05); /* Reverted from 1.07 */
+    box-shadow: 0 0 15px rgba(59, 130, 246, 0.8); /* Increased opacity from 0.6 (Kept) */
     z-index: 10; /* Ensure highlighted cells are visually on top if overlapping happens during scale */
 }
 

beango/index.html

@@ -36,9 +36,7 @@
 
         <!-- Control Buttons -->
         <div class="flex space-x-4 mb-4">
-             <button onclick="generateBoard()" class="bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded">
-                Generate/Update Board
-            </button>
+             <!-- Removed Generate/Update Button -->
             <button onclick="randomizeBoard()" class="bg-yellow-600 hover:bg-yellow-700 text-white font-bold py-2 px-4 rounded">
                 Randomize
             </button>

beango/js/beango.js

@@ -806,6 +806,11 @@ function randomizeBoard() {
         applyMarkedCellStyle(cell); // Reset marked styles (which also calls applyCellStyle)
     });
 
+    // Explicitly remove any existing highlights BEFORE clearing the search input
+    const currentlyHighlighted = board.querySelectorAll('.bingo-cell.highlighted');
+    currentlyHighlighted.forEach(cell => cell.classList.remove('highlighted'));
+
+    clearSearch(); // Clear search highlights and input
     clearMarks(false); // Clear visual marks
     saveBoardState(); // Save the new randomized state (including cleared marks)
     showNotification('Board randomized!', 'success');
@@ -930,6 +935,22 @@ function getMarkedIndices() {
     return indices;
 }
 
+// --- Clear Search Input and Highlights ---
+function clearSearch() {
+    const searchInput = document.getElementById('search-input');
+    if (searchInput) {
+        searchInput.value = ''; // Clear the input field
+        // Trigger the input event listener to ensure highlights are removed
+        searchInput.dispatchEvent(new Event('input'));
+    }
+    // It's technically redundant to remove the class here now, as the
+    // event listener triggered above should handle it, but it doesn't hurt.
+    const highlightedCells = document.querySelectorAll('#bingo-board .bingo-cell.highlighted');
+    highlightedCells.forEach(cell => {
+        cell.classList.remove('highlighted'); // Remove highlight class
+    });
+}
+
 // --- Load State on Page Load ---
 function loadFromLocalStorage() {
     const savedSize = localStorage.getItem(LS_BOARD_SIZE) || "5"; // Default to 5
@@ -1391,6 +1412,10 @@ function loadFromLocalStorage() {
         saveCellStyleSettings();
         refreshCellStyles();
     });
+
+    clearSearch(); // Clear search highlights and input
+    clearMarks(false); // Clear visual marks
+    saveBoardState(); // Save the new randomized state (including cleared marks)
 }
 
 // --- Function to make all cells square and equal size ---