From b5d217182665227544313da26cb01461f9c58a29 Mon Sep 17 00:00:00 2001
From: C4aZy <mukherjee.abhijeet2007@gmail.com>
Date: Mon, 25 May 2026 22:54:46 +0530
Subject: [PATCH] fix: add .input-label CSS selector dot for Array/Target
 labels

---
 web-app/js/projects/binary-search.js | 30 +++++++++++++++++++++++-----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/web-app/js/projects/binary-search.js b/web-app/js/projects/binary-search.js
index 9a4ee02..18ea73f 100644
--- a/web-app/js/projects/binary-search.js
+++ b/web-app/js/projects/binary-search.js
@@ -5,11 +5,17 @@ function getBinarySearchHTML() {
             <p class="project-desc">Visualize how Binary Search finds a target in a sorted array step by step</p>
             <div class="binary-container">
                 <div class="input-section">
-                    <input type="text" id="binaryArray" placeholder="Enter sorted numbers e.g. 2 5 8 12 16 23">
-                    <input type="number" id="binaryTarget" placeholder="Target number">
-                    <button class="btn-search" id="startBinary">🔍 Search</button>
-                    <button class="btn-random" id="randomBinary">🎲 Random</button>
-                </div>
+    <div class="input-group">
+        <label class="input-label">Array</label>
+        <input type="text" id="binaryArray" placeholder="Enter sorted numbers e.g. 2 5 8 12 16 23">
+    </div>
+    <div class="input-group">
+        <label class="input-label">Target</label>
+        <input type="number" id="binaryTarget" placeholder="Target number">
+    </div>
+    <button class="btn-search" id="startBinary">🔍 Search</button>
+    <button class="btn-random" id="randomBinary">🎲 Random</button>
+</div>
 
                 <div class="speed-section">
                     <label>⚡ Speed:</label>
@@ -42,6 +48,20 @@ function getBinarySearchHTML() {
                 gap: 12px;
                 margin-bottom: 1.5rem;
             }
+            .input-group {
+                display: flex;
+                flex-direction: column;
+                align-items: flex-start;
+                gap: 4px;
+            }
+
+            .input-label {
+                font-size: 11px;
+                text-transform: uppercase;
+                letter-spacing: 1px;
+                color: var(--text-secondary);
+                padding-left: 12px;
+                }
 
             #binaryArray {
                 padding: 12px 20px;