dannydannydanny/bigbiggerbiggestbot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui(webapp): move next-exercise input to bottom of add-exercise card

Browse source 
The empty "Exercise name" field above the current exercise's sets
felt counter-intuitive. Putting it below the sets reads naturally:
current exercise on top, prompt to start the next one at the bottom.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Danny 2026-04-18 18:46:24 +02:00
parent 0872d545d5
commit 512c565f54
2 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

12
webapp/index.html
View file

@ -29,12 +29,6 @@
<!-- Add exercise form -->
<div class="card" id="add-exercise-card">
<div class="exercise-name-row">
<input type="text" id="inp-exercise-name" class="input" placeholder="Exercise name" autocomplete="off" />
<button id="btn-add-exercise" class="btn-icon" title="Add exercise">+</button>
</div>
<div id="autocomplete-list" class="autocomplete-list"></div>
<!-- Sets for current exercise (shown after name is entered) -->
<div id="sets-section" class="sets-section hidden">
<div class="sets-header">
@ -49,6 +43,12 @@
<button id="btn-add-set" class="btn-icon" title="Add set">+</button>
</div>
</div>
<div class="exercise-name-row">
<input type="text" id="inp-exercise-name" class="input" placeholder="Exercise name" autocomplete="off" />
<button id="btn-add-exercise" class="btn-icon" title="Add exercise">+</button>
</div>
<div id="autocomplete-list" class="autocomplete-list"></div>
</div>
<!-- Notes -->

2
webapp/style.css
View file

@ -166,7 +166,7 @@ body {
.exercise-name-row {
display: flex;
gap: 8px;
margin-bottom: 4px;
margin-top: 4px;
}
.exercise-name-row .input { flex: 1; }