design review

[dgreisen-cfpb]

Several things wanted to check with you on:

• result list - including need better distinguishing between title/content
• highlighting
• more button at bottom
• any other issues with layout/style/positioning

Will probably be back with a couple more once we have autocomplete implemented.

[mebates]

Hey David, here are my suggestions:

• Pull the article name up to the same line as the path. Make both our H4 style, 18/22 px Avenir Medium.
• Make content Georgia Web Body, 16/22 px
• Make highlights Gold 80 instead of full Gold
• Make 'more' say 'More results...' in Avenir Web Body underlined with CFPB's dotted link style
• Move the magnifying glass icon to the left of the box, like on the Intranet.
• Shrink size of search in box to H2: 26 px
• Search box seems very, very wide. Should you shink and center it?
• What purpose does the book icon serve, if they're all book icons? Perhaps you should cut them.
• The page is very wide on my laptop. Your search results don't extend to the edge, why not make it a bit narrower?

[himedlooff]

@mebates now that autocomplete is being added here is how things look when the search icon is moved to the left. Notice how I added some left padding to align the autocomplete results with the search box text. Do you think that's good?

Or should we just leave the padding alone like this:

[himedlooff]

Or I could move the drop down over from the left.

Looks kind of weird...

[mebates]

Hey @himedlooff : I prefer your first attempt, with the extra padding on the left to align under what you're typing.

[himedlooff]

Thanks @mebates, pull request #60 should make that happen.

[himedlooff]

I think I addressed all of your recommendations:

[himedlooff]

Can we close this, or remove me from assigned? =D