Survey Pages RE-Design

[lila]

Hello! These new survey and survey re-take pages are the same across all of the different channels on health guru.com. The mock ups are obviously done on SHG, but I'll change all platforms soon in mock-up form. Please work off of the SHG ones for now. Thanks!
Lila

[khaled]

We also need to add stylesheets for www.healthguru.com for surveys (all surveys page), individual surveys, and survey results page.

[maryann]

You can check out the new survey pages at:
http://devpreg.healthgurumedia.com/applications/survey/srvyid/10/The_Third_Trimester_Survey

Still working on the HG stuff

[maryann]

QA via meeting with Brent and Lila:
(http://www.healthguru.com/applications/survey/srvyid/35/qid/346)

- the question text should be smaller (than the survey header) and bold
- things need to be spread out (esp. things bumping up against the line)
- the next question button needs to be justified to the left
- there needs to be a new submit button
- the questions need to wrap better
- the text in the answer section is slamming into each other
- the question options should not be bold
- there should be more space between the answer and question
- move the "Question 2/10" to the right
- answer options should also not be bold any longer
- there should be a darker box around the question (#c1bfbf)
- the other surveys box needs css and some artwork
- there is a random space before the question everywhere

[maryann]

Replying to maryann:

QA via meeting with Brent and Lila:
(http://www.healthguru.com/applications/survey/srvyid/35/qid/346)

- the question text should be smaller (than the survey header) and bold

took the question size from 24px to 20px and made the fontweight bold

- things need to be spread out (esp. things bumping up against the line)

things are more spread out in relation to the line

- the next question button needs to be justified to the left

the next question button is now justified to the left

- there needs to be a new submit button

there is a new submit button

- the questions need to wrap better

the questions now wrap better

- the text in the answer section is slamming into each other

khaled is working on this!

- the question options should not be bold

the question options are not bold any longer

- there should be more space between the answer and question

there is more space between the answer and question

- move the "Question 2/10" to the right

the question and answer tops are now aligned to the right

- answer options should also not be bold any longer

answer options are not longer bold

- there should be a darker box around the question (#c1bfbf)

this box was made darker

- the other surveys box needs css and some artwork

this is actually already done and is on dev, just not on live

- there is a random space before the question everywhere

there is now an indent of 0 which should take care of this

[khaled]

Addressed issue: the text in the answer section is slamming into each other

Fixed wrapping issue by:
1) Isolating response text in it's own division. This division has a set width now. Along with the percentage holder, it is float left.
2) Floated the entire response box holder.

To Verify: Produce a question with a response that exceeds four lines (unknown character count). The response should neatly float in block format to the right of the percentage.