Gift List looks awful

[alexhrao]

Problem

The current table used for listing gifts is an eyesore, to say the least. It barely accomplishes what we need from it - listing the user's gifts.

Problems with current setup

Problems arise primarily with the look of the list - the actual information is, more or less, present (with the notable exception of rating - right now it is just a number). Here are a few problems:

• Centering
  • Elements aren't centered in their respective cells - both horizontally and vertically
  • Images especially are affected by this problem
• Lack of Color
  • Some might see this as a plus; after all, more contrast is better for visually impaired. However, the gift list, in it's current state, looks drab and dark. Not fun
• Haphazard placement of elements
  • The elements are placed in seemingly random places on the screen.

Solutions

This probably requires a complete rewrite (not that this is much of a problem - not much was written in the first place!) We need to have a aesthetic-first design plan. Since we know how to populate the DOM with user and gift information, we must now first focus on what this document looks like.

I would love it if anyone could help me with this!

[alexhrao]

Elements are centered, have color (in picture and rating)