Issue # 157 -- Update CSS Forms and Layout

[njirwin]

Updated many aspects of the non-portal pages CSS so that the forms are easier to read. Input fields and buttons were updated. Additionally, the forms were all changed so that they are centered on the page and the negative width was updated to fix the footer so that it is shown properly on the page.

[njirwin]

yarn run v1.6.0 $ eslint .

/home/circleci/repo/client/src/components/NP-NonPortal/ForgotPassword/ForgotPassword.js 4:1 error @material-ui/core import should occur before import of ./keyboard.jpg import/order 11:1 error classnames import should occur before import of ./keyboard.jpg import/order 56:9 error Duplicate key 'margin' no-dupe-keys 80:6 error Missing trailing comma comma-dangle 86:9 error Unused state field: 'username' react/no-unused-state 87:9 error Unused state field: 'password' react/no-unused-state 104:90 error A space is required after '{' object-curly-spacing 104:156 error A space is required before '}' object-curly-spacing 105:54 error HTML entities must be escaped react/no-unescaped-entities 107:90 error A space is required after '{' object-curly-spacing 107:156 error A space is required before '}' object-curly-spacing 108:1 error Line 108 exceeds the maximum line length of 100 max-len 108:59 error HTML entities must be escaped react/no-unescaped-entities 108:66 error HTML entities must be escaped react/no-unescaped-entities 113:33 error Expected indentation of 34 space characters but found 32 react/jsx-indent-props 114:33 error Expected indentation of 34 space characters but found 32 react/jsx-indent-props 115:1 error Line 115 exceeds the maximum line length of 100 max-len 115:33 error Expected indentation of 34 space characters but found 32 react/jsx-indent-props 115:55 error A space is required after '{' object-curly-spacing 115:120 error A space is required before '}' object-curly-spacing 116:33 error Expected indentation of 34 space characters but found 32 react/jsx-indent-props 117:33 error Expected indentation of 34 space characters but found 32 react/jsx-indent-props 118:33 error Expected indentation of 34 space characters but found 32 react/jsx-indent-props 119:33 error Expected indentation of 34 space characters but found 32 react/jsx-indent-props

/home/circleci/repo/client/src/components/NP-NonPortal/Login/Login.js 82:6 error Missing trailing comma comma-dangle 139:1 error Line 139 exceeds the maximum line length of 100 max-len 139:67 error A space is required after '{' object-curly-spacing 139:123 error A space is required before '}' object-curly-spacing 142:67 error A space is required after '{' object-curly-spacing 142:123 error A space is required before '}' object-curly-spacing 148:106 error A space is required after '{' object-curly-spacing 148:164 error A space is required before '}' object-curly-spacing

/home/circleci/repo/client/src/components/NP-NonPortal/RegisterNewUser/RegisterNewUser.js 87:9 error Unused state field: 'username' react/no-unused-state 88:9 error Unused state field: 'password' react/no-unused-state 105:90 error A space is required after '{' object-curly-spacing 105:156 error A space is required before '}' object-curly-spacing 106:1 error Line 106 exceeds the maximum line length of 100 max-len 111:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 112:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 113:1 error Line 113 exceeds the maximum line length of 100 max-len 113:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 113:59 error A space is required after '{' object-curly-spacing 113:124 error A space is required before '}' object-curly-spacing 114:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 115:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 116:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 117:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 120:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 121:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 122:1 error Line 122 exceeds the maximum line length of 100 max-len 122:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 122:59 error A space is required after '{' object-curly-spacing 122:124 error A space is required before '}' object-curly-spacing 123:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 124:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 125:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 126:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 129:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 130:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 131:1 error Line 131 exceeds the maximum line length of 100 max-len 131:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 131:59 error A space is required after '{' object-curly-spacing 131:124 error A space is required before '}' object-curly-spacing 132:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 135:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 136:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 137:1 error Line 137 exceeds the maximum line length of 100 max-len 137:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props 137:59 error A space is required after '{' object-curly-spacing 137:124 error A space is required before '}' object-curly-spacing 138:37 error Expected indentation of 34 space characters but found 36 react/jsx-indent-props

✖ 71 problems (71 errors, 0 warnings) 55 errors and 0 warnings potentially fixable with the --fix option.

error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command. Exited with code 1

[njirwin]

I will fix these small coding-convention errors tomorrow. I'm going home, it's late and I'm tired. The linter isn't working up here at the lab for me so I couldn't test everything locally before making this pull-request. I will handle it tomorrow. The changes in my commit message are fine and the pages load properly.