Added the equals sign towards the top for more intuiative design#170
Added the equals sign towards the top for more intuiative design#170KallamSamad wants to merge 1 commit intoDhanushNehru:mainfrom
Conversation
✅ Deploy Preview for calculator-dhanushnehru ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
There was a problem hiding this comment.
Pull Request Overview
This PR relocates the equals button in a calculator interface from the bottom of the button layout to the top for improved user experience and more intuitive design.
- Moved the equals button from the bottom functions section to the top of the calculator layout
- Removed the equals button from its original position in functions-three div
- Added the equals button at the top after the screen input element
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
| <button class="button triggers" data-text="enter"> | ||
| <h1>=</h1> | ||
| </button> |
There was a problem hiding this comment.
The equals button is now positioned outside of any function grouping div (functions-one, functions-two, functions-three), which breaks the consistent structure of the calculator layout. Consider wrapping it in an appropriate container div or moving it to a more logical position within the existing button grid structure.
| <div class="functions-three"> | ||
| <button class="button triggers" data-text="enter"> | ||
| <h1>=</h1> | ||
| </button> | ||
|
|
||
| </div> |
There was a problem hiding this comment.
The functions-three div is now empty after removing the equals button. This empty div should either be removed entirely or repurposed with other functionality to avoid unnecessary DOM elements.
No description provided.