Issue #150 - Redesign of upload form

[EChesters]

Addresses issue: #150

What this does

• [x] Redesign of drawing upload form
• [x] Splits into 3 columns, reduces scrolling
• [x] Refactors the drawing helper methods
• [x] Removes colour backgrounds to gender (because we cannot guarantee these colours are associated with the same genders across cultures)

Screenshots

Before After

Mobile

[steverabino]

With respects to the constants in the Drawing model, we could use one of the following:

1. As it is in this PR and called with:

   Drawing::STAGES_OF_JOURNEY

2. Or, we could add the following method to the Drawing model

   def self.stages_of_journey
   ["At home", "In temporary shelter", "Awaiting transit", "On the move", "Arrived at destination"]
   end

It's a bit more code, but it does mean the call changes to:

Drawing.stages_of_journey

which is a bit more of a standard format.

[EChesters]

I went to fix the text-areas overflowing on mobile, and it seems fixed... I've updated with screen shots of what it looks like since making the spacing changes.

[EChesters]

Just a note on the whitespace underneath the Drawing details - this may be different on their screens as my Mac is on a higher resolution, and set to smaller settings than normal. ( @tanyapowell )

We will see what it looks like on their screens when we get them to do the WhatUsersDo testing.