Skip to content

Commit a39affe

Browse files
Merge pull request #760 from C4aZy/feature/binary-search-game
fix: add .input-label CSS selector dot for Array/Target labels
2 parents ceff566 + b5d2171 commit a39affe

1 file changed

Lines changed: 25 additions & 5 deletions

File tree

web-app/js/projects/binary-search.js

Lines changed: 25 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,17 @@ function getBinarySearchHTML() {
55
<p class="project-desc">Visualize how Binary Search finds a target in a sorted array step by step</p>
66
<div class="binary-container">
77
<div class="input-section">
8-
<input type="text" id="binaryArray" placeholder="Enter sorted numbers e.g. 2 5 8 12 16 23">
9-
<input type="number" id="binaryTarget" placeholder="Target number">
10-
<button class="btn-search" id="startBinary">🔍 Search</button>
11-
<button class="btn-random" id="randomBinary">🎲 Random</button>
12-
</div>
8+
<div class="input-group">
9+
<label class="input-label">Array</label>
10+
<input type="text" id="binaryArray" placeholder="Enter sorted numbers e.g. 2 5 8 12 16 23">
11+
</div>
12+
<div class="input-group">
13+
<label class="input-label">Target</label>
14+
<input type="number" id="binaryTarget" placeholder="Target number">
15+
</div>
16+
<button class="btn-search" id="startBinary">🔍 Search</button>
17+
<button class="btn-random" id="randomBinary">🎲 Random</button>
18+
</div>
1319
1420
<div class="speed-section">
1521
<label>⚡ Speed:</label>
@@ -42,6 +48,20 @@ function getBinarySearchHTML() {
4248
gap: 12px;
4349
margin-bottom: 1.5rem;
4450
}
51+
.input-group {
52+
display: flex;
53+
flex-direction: column;
54+
align-items: flex-start;
55+
gap: 4px;
56+
}
57+
58+
.input-label {
59+
font-size: 11px;
60+
text-transform: uppercase;
61+
letter-spacing: 1px;
62+
color: var(--text-secondary);
63+
padding-left: 12px;
64+
}
4565
4666
#binaryArray {
4767
padding: 12px 20px;

0 commit comments

Comments
 (0)