search

ContriHUB / EAT_EASY

EatEasy- A mess management website , Managing Complaints Mastering Satisfaction
MIT License
0 stars 12 forks source link

Table UI Improvement #2

Open Codipk opened 4 days ago

Codipk commented 4 days ago

Expected behavior

The table should be more attractive, easy to read, and provide proper spacing and padding for better visual interpretation. Each element (text, icons, buttons) should be well-aligned and spaced out evenly to avoid clutter. Headers should be easily distinguishable from the table content, and there should be a clear indication of the status (resolved/unresolved). Write Date in the form of DD/MM/YYYY just below the Date column and style the upvote and downvote button also show the upvotes and downvotes on a particular complaint.

Current behavior

The table looks cramped, with little to no spacing or padding between the columns and rows. The headers and the content are not clearly distinguishable, and the alignment feels off. As a result, the table is harder to interpret and less visually appealing.Also colour the text which looks better

Steps to reproduce

View the "My Complaints" page with the current table structure. Observe the close proximity of columns and lack of padding. Notice the lack of differentiation between headers and table content.

Possible Solution

Add padding and spacing between table rows and columns to make it more readable. Improve header styling by adding a contrasting background color and bold text. Increase cell padding to provide breathing space around text and icons. Ensure proper alignment of elements (e.g., upvote/downvote icons, date).

Screenshot 2024-10-05 at 10 47 14 PM
Vaishnavi1047 commented 2 days ago

@Codipk Hey, I'd like to work on this as I have some UI ideas that can help solve the problem and make it look cleaner and more organized.

Codipk commented 21 hours ago

As per the rule who requested first on the contrihub website @AS2409, please start working on this issue. After you complete the task, create a pull request (PR) and make sure to attach a screenshot of your work on the website to showcase what you've done.Also write the comment here so that I make u assignee

Vaishnavi1047 commented 19 hours ago

@Codipk is there any new issue u have ?

Codipk commented 17 hours ago

@Vaishnavi1047 Keep checking the website for new issue I will be keep posting.

Codipk commented 6 hours ago

@AS2409, Hey what the status?