Committing improvements on the User Interface of the Web application.

[mesumbejoan]

In this PR, here are the changes I made:

• Modified the app/templates/home.html file to make the display have more of a material design, with two cards, one for the list of queries and another for the query results.
• Modified the app/templates/layout.html, where I added links to the material design minified css, javascript and icons; a header with menu links to the project repository, made the menu links responsive to display a drawer in mobile and tablet views, and added a footer.
• I opted for a grey-ish theme; because it is easy to look at, for a long period of time.
• I also added a css file in the static/css directory, and imported it in the layout.html file.

For: Issue

Below are some images of the web app in mobile, tablet and desktop modes. Desktop

Tablet landscape portrait

Mobile with open drawer

I will be happy to have your feedback on this.

[ahal]

Even though this didn't end up getting used, I appreciate the time you put into this! Closing as there is a different webapp now.