Move details section from bottom to top of document page

• move markup
• remove details heading
• remove unneeded markup
• update styling to match new design (spacing mainly)

https://www.agileplannerapp.com/boards/105200/cards/8943

Screenshots of before and after
![screen shot 2014-12-18 at 11 14 01](https://cloud.githubusercontent.com/assets/1692222/5487216/19fc8a50-86a7-11e4-99d8-f78769c729b1.png)
![screen shot 2014-12-18 at 11 13 29](https://cloud.githubusercontent.com/assets/1692222/5487217/19fc8e24-86a7-11e4-881c-7db883b17b8f.png)

This probably doesn't need a section tag. The main benefits of a section tag are that they give users of assistive technology context as to where they are on the page. Ideally they are [used with a matching heading](https://github.com/alphagov/styleguides/blob/master/html.md#sectioned-content) so that the assistive technology can announce what the section contains. In a screen reader if you were reading this page you would read the summary and then the detail of the page. Adding a section would add an interruption to that reading without providing much value.