Feature request: Improve the look of the Dao Proposal Cards

[mohamedamer453]

Description

Currently the look and feel of the Proposal card in the Dao page is not very pleasing and the details are a bit vague.

Suggestion

• Add titles next to each field:

  • Proposal Hash
  • Proposal Name
  • Forum Link
  • Expiration Date

  

• Make the font and size of the titles distinct from the data.

  

• Add equal and symmetrical spaces between the data.

  

• Make the outline of the cards more visible so it doesn't look like all of the cards are blended together.

  

• Make the Voting bar a bit smaller and it should be the last item in the card.

• Make the progress bar more rounded.

  

• The colors of the progress bar should be an indicator to the vote, currently it's blue and white. if it was something like red and green it would be much easier for the user to understand but UI wise I don't know if it will match the colors of the dashboard or not (These are not the proposed colors but something in that direction for clarification)

  

[0oM4R]

The colors of the progress bar should be an indicator to the vote, currently it's blue and white. if it was something like red and green it would be much easier for the user to understand but UI wise I don't know if it will match the colors of the dashboard or not (These are not the proposed colors but something in that direction for clarification)

@mohamedamer453 I think it is the color of the progress bar is the same for the buttons

[mohamedamer453]

@mohamedamer453 I think it is the color of the progress bar is the same for the buttons

Indeed it's the same color but as seen above when the voting is done or the proposal is completed it's hard to differentiate between the votes since the buttons disappear and there's no other indication.

That's why i proposed for it to be red/green or some other color that would be a clear indicator without thinking about it or looking for further info.

[0oM4R]

@mohamedamer453 I think it is the color of the progress bar is the same for the buttons

Indeed it's the same color but as seen above when the voting is done or the proposal is completed it's hard to differentiate between the votes since the buttons disappear and there's no other indication.

That's why i proposed for it to be red/green or some other color that would be a clear indicator without thinking about it or looking for further info.

@ehab-hassan can we go with red/green? if no can you please suggest colors for the buttons and progress bar?

[ehab-hassan]

@0oM4R for now it's nice!!! I preferer blue and gray

[mohamedamer453]

Verified on devnet.

All of the mentioned comments were addressed and improved as mentioned above.

• Titles were added next to each value with a clear and distinct font from the value itself. and the vote ending date was moved.

  

• Spaces between every element are now uniform and symmetrical.

  

• A clear outline was added to separate each proposal.

  

• Voting bar is now a bit smaller and more rounded.

  

• As mentioned above the colors were agreed on to say the same.

  @0oM4R for now it's nice!!! I preferer blue and gray