[FEAT] small ui overhaul suggestions w/ concept drawings

[KyleKlus]

Hi there,

I have some ideas for a small ui overhaul on "obsidian spaced repetition" and I have made some concept drawings. So, I wanted to share these here and see if anybody has some remarks (especially @st3v3nmw, @ronzulu). I would be happy to implement those ideas myself in a PR draft.

Proposal for code changes

• Refactoring FlashcardModal into several views.
• Refactoring keyboard listener
• Implementing ui changes

Concept drawings

left -> mockup, right -> comments

[ronzulu]

Hi again

I like nearly all of your ideas, but unsure of a couple.

(2) Are you planning to include the full word or just the first letter? I'm just concerned about non-English translations where potentially the first letter isn't unique for new/due/total

(3) nice suggestion, but the disadvantage is that it would cause (some, although temporary) confusion for existing users. Also would be confusing if a user was to lookup up existing documentation or posts, and the order was opposite to the software.

I'm sure you are much more visually aware than most 😄 It never crossed my mind that the colours on this page are in a different order to the ones on the buttons on the card review view!

[KyleKlus]

(2) I came across this issue too, so I included the whole word, instead of just the first letter. I think it looks worse than just having one letter or nothing in front of it, but I was always confused, which color means what, so I kept it, as it improves the onboarding experience for new user a lot.
This is how it now looks:

(3) I thought of that too, so I didn't switch the colors, but I switched the positions of the numbers around, so that the people can still rely on the color they learned, but the order is different

[KyleKlus]

New card view

New edit view

[st3v3nmw]

I think we can close this now