dwyl / dwyl/app

Chore: Tidy UI/UX of Adding and Editing `tags`

Open
#291 0 comments 1 reaction 0 assignees View on GitHub
chore enhancement help wanted priority-2 T1h UI
Dominant language
Dart
Stars
152
Forks
22
PR merge metrics
No merged PRs in 30d

Description

At present we have the basic `tags` UI working in the MVP: https://mvp.fly.dev 🎉 (thanks @SimonLab!)
![image](https://user-images.githubusercontent.com/194400/194038174-9d08eb21-77db-471c-adf3-5c249a8cb602.png)

We need to tidy up the UI/UX a little before requesting feedback https://github.com/dwyl/mvp/issues/140 as the layout is _clearly_ a little "off".

# Todo

+ [ ] Add `tags` label in front of the `tags` `input` field to make it clearer. (we can test this later)
+ [ ] Left-align bot the `Tags` label and the `tags` `input` field
+ [ ] Match the `tags` `input` to the `item.text` above (light grey)
+ [ ] Place the `save` button on the _same_ line/row as the `tags` `input` to avoid wasting vertical space
+ [ ] Float the `save` button to the left

Apply these same styles to the **`edit mode`**.

![image](https://user-images.githubusercontent.com/194400/194049893-422733b2-2b9d-4ad8-aabb-cbee877488c8.png)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.