Adjust layout

[mirontoli]

set max-width 500px,
adjust center

order of things:

• Title
• Short Description
• Result Box
• Calculator form
• How to use
• how to set sql
• contributors
• Footer (contact, license)

[Johesmil]

I've already made these changes, pull request waiting to get pulled. =)

I was thinking though. Should we make the headings collapsable, like they are on msdn? for example: http://msdn.microsoft.com/en-us/library/d1et7k7c(v=vs.94).aspx

[mirontoli]

Good point, @Johesmil I don't know What do you think? Personally, I sometimes have problems with my "fat fingers" while tapping and clicking the collapsible elements like in the mobile wikipedia Our web page is not so big, neither. Perhaps it would to much to have it collapsible. But I think it is good to have this option in mind.