Projects page front-end QA

[kaylima]

1. Needs to be added:

• 1. "X (number) of results found:". Should go under the search and above the left column of results.
• 2. Categories/styling for "finalist, semi-finalist, etc".
• 3. Light grey background color behind the listings and detail columns.

2. Other front-end adjustments can be seen here regarding spacing, font sizes, category styling, etc.

3. There needs to be space between the two drop downs.

4. The 2nd drop-down, for categories, is pushing the content below down. Can it show up over the content like the other drop-down?

5. You can remove the carat on the left side of "categories".

[kaylima]

• paragraph and details font size = 16 px

• "p" has a 12px top margin

• titles are 26px

• categories have 6px padding all around

• .projects-single-layout padding = .5rem, width = 100%

• .projects-list-item padding = .5rem

• .projects-list = no border, no padding

[joshdarby]

Categories/styling for "finalist, semi-finalist, etc".

How should these be styled?

Other front-end adjustments can be seen here regarding spacing, font sizes, category styling, etc.

Can you list those out?

[kaylima]

@joshdarby I listed out most of them, but please use the screenshots as a guide. I'm happy to review what you have so far.

I need to see the finalist, etc. categories in the space before we will know how to style

[joshdarby]

• Make titles @blue and keep white boxes

[joshdarby]

• Fix category dropdown; make it as wide closed as it is opened
• Add more spacing between filters/search

[joshdarby]

• Make default item displayed be first top item in list

[joshdarby]

• Make category backgrounds white instead of lavender

[joshdarby]

• Style org type dropdown to look like cat dropdown

[joshdarby]

• Make search bar longer

[joshdarby]

• Remove images from list view

[joshdarby]

• Make image show before description and full width in single view

[joshdarby]

• Remove bg color from cats/tags on single view

[joshdarby]

• make "project specific link" into "project link" on single view

[joshdarby]

• Add 5px left/right padding to delimiter for tags in single view

[joshdarby]

• #A11282 background color for Finalist status
• #FF8B4D background color for Semifinalist status
• #12A179 background color for Winner status
• Add "Current" blue 6px left border to active in list view
• Add "Current" blue 6px left border to single view
• Make padding 0.75rem instead of 0.5rem for list items and single view

[joshdarby]

• Make category box padding 4px 6px