Skip to content

Commit 41d8e34

Browse files
sdspiegclaude
andcommitted
Statement Browser: give sort dropdown a visible 'Sort by' label + reposition
The sort <select> was flex-wrapping to the second visual line under the confidence slider, making it easy to miss. Now wrapped in the same label-pattern as the confidence slider ('Sort by' label + dropdown) and placed BEFORE the confidence slider so it sits adjacent to the other filter controls on a normal viewport. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent f255d2c commit 41d8e34

1 file changed

Lines changed: 16 additions & 13 deletions

File tree

src/components/Statements.tsx

Lines changed: 16 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -235,6 +235,22 @@ export default function Statements() {
235235
className="search-input"
236236
/>
237237

238+
<div className="confidence-slider">
239+
<label>Sort by</label>
240+
<select
241+
value={sortBy}
242+
onChange={e => setSortBy(e.target.value as SortKey)}
243+
title="Sort statements"
244+
>
245+
<option value="date-desc">Date (newest)</option>
246+
<option value="date-asc">Date (oldest)</option>
247+
<option value="conf-desc">Confidence (high → low)</option>
248+
<option value="conf-asc">Confidence (low → high)</option>
249+
<option value="speaker">Speaker (A → Z)</option>
250+
<option value="target">Target (A → Z)</option>
251+
</select>
252+
</div>
253+
238254
<div className="confidence-slider">
239255
<label>Confidence {'\u2265'}</label>
240256
<input
@@ -245,19 +261,6 @@ export default function Statements() {
245261
<span className="conf-value">{minConfidence}</span>
246262
</div>
247263

248-
<select
249-
value={sortBy}
250-
onChange={e => setSortBy(e.target.value as SortKey)}
251-
title="Sort statements"
252-
>
253-
<option value="date-desc">Sort: Date (newest)</option>
254-
<option value="date-asc">Sort: Date (oldest)</option>
255-
<option value="conf-desc">Sort: Confidence (high → low)</option>
256-
<option value="conf-asc">Sort: Confidence (low → high)</option>
257-
<option value="speaker">Sort: Speaker (A → Z)</option>
258-
<option value="target">Sort: Target (A → Z)</option>
259-
</select>
260-
261264
<span className="result-count">{filtered.length.toLocaleString()} results</span>
262265
</div>
263266

0 commit comments

Comments
 (0)