Skip to content

Commit 8c53eb9

Browse files
simonwclaude
andauthored
Fix mobile layout: stack search input and button vertically (#240)
The search row's flex layout caused the Search button to be cut off on narrow screens. Added mobile breakpoint rules to stack the input and button vertically at <=600px width. https://claude.ai/code/session_01DteQHQeBGUnMUZrmiN7vDh Co-authored-by: Claude <noreply@anthropic.com>
1 parent 97c5764 commit 8c53eb9

File tree

1 file changed

+2
-0
lines changed

1 file changed

+2
-0
lines changed

unicode-binary-search.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -270,6 +270,8 @@
270270

271271
@media (max-width: 600px) {
272272
.container { padding: 1rem 0.75rem; }
273+
.search-row { flex-direction: column; }
274+
.search-btn { width: 100%; }
273275
.result-card.visible { flex-direction: column; text-align: center; }
274276
.result-char { font-size: 72px; min-width: auto; }
275277
.log-table { font-size: 0.7rem; }

0 commit comments

Comments
 (0)