First Round of UI Bugs

[malakivandas]

Most recent commit: 6ebba78af156abb5af96f1e198669b1c30ee8aab

After deploying for the first time, I've noticed a few UI bugs that slipped past me in development. On Google Chrome, the app pages (Reports, Settings) default to having a greater height than the window, which causes the scrollbar to appear permanently. The default scrollbar also causes UI issues (the report form popover and its transition anchor shift to the right incorrectly and the Settings button in the Navbar shifts to the left mysteriously. The Change password button needs a better responsive design since it stacks the words 'Change' and 'password' incorrectly on small-width viewports. The logout button can share this design. Likewise, the Submit and Clear buttons in the Report Form stack unnecessarily on small-width viewports. Their responsive design should also be improved to keep them inline.

UI Bugs to fix as a part of this issue:

• Fix app page height issue
• Remove default scrollbar (it's causing issues with the UI and needs to go anyways)
• 'Change password' button responsive design
• Submit and Clear buttons responsive design
• Google Chrome Textfield underline bug on hover (Settings Page - Change Password)

[malakivandas]

Also remove the console.log's for the user data

[malakivandas]

Fix app page height issue Remove default scrollbar (it's causing issues with the UI and needs to go anyways)

[malakivandas]

'Change password' button responsive design Submit and Clear buttons responsive design

[malakivandas]

Google Chrome Textfield underline bug on hover (Settings Page - Change Password)

Made new issue (#27)