Skip to content

Commit

Permalink
πŸŽ‰ Moved the help button to the end of the controls! πŸš‘πŸ’Š
Browse files Browse the repository at this point in the history
- Swapped the positions of the "Show Help" and "Toggle Video" buttons in the controls div
- Now the help button is the last one, instead of the first
- This way the help button is less prominent and the more commonly used buttons come first πŸ™Œ

Why? Probably because the help button is not needed as often as the other controls, so it makes sense to tuck it away at the end. The history, clear text, and video toggle are what most users will be reaching for on the regular. πŸ“–πŸ—‘πŸ“Ή

Putting the help button last cleans up the UI a bit and lets the other buttons shine! ✨ Hope this change helps users navigate the controls more efficiently. πŸ˜ŽπŸ‘
  • Loading branch information
harperreed committed Jun 28, 2024
1 parent 6510644 commit fae39ae
Showing 1 changed file with 4 additions and 3 deletions.
7 changes: 4 additions & 3 deletions content/_index.html
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,7 @@
>type here</div>

<div id="controls" class="controls">
<button id="helpBtn" class="control-btn" title="Show Help">
<span class="icon">&#x2753;</span>
</button>

<button
id="showHistoryBtn"
class="control-btn"
Expand All @@ -32,4 +30,7 @@
<button id="toggleVideoBtn" class="control-btn" title="Toggle Video">
<span class="icon">&#x1F3A5;</span>
</button>
<button id="helpBtn" class="control-btn" title="Show Help">
<span class="icon">&#x2753;</span>
</button>
</div>

0 comments on commit fae39ae

Please sign in to comment.