OperationCode / operationcode_frontend

Front-end repository for live site. Please go to `front-end` repo to contribute instead.
https://operationcode.org
MIT License
101 stars 222 forks source link

Signup form width too narrow / Submit button misaligned #945

Closed jjhampton closed 6 years ago

jjhampton commented 6 years ago

Bug Report

What is the current behavior?

On desktop, signup form width is too narrow (around 300px), and submit button is too narrow and misaligned to the right. Seems to be an issue with the ordering / specificity of the CSS classes on the form and button. Strangely enough, I can't reproduce this issue on my local dev environment, but I see it on production. Leading me to think it might be a Webpack issue.

What is the expected behavior?

Form should have max-width of 500px (plus 10px padding on each side), button should be full-width of form and centered

What steps did you take to get this behavior?

Navigate to www.operationcode.org/signup .

Additional Info

Operating System

Linux / Ubuntu 16

Browser

Chrome

Screenshots

workspace 1_005

jjhampton commented 6 years ago

May need to update to extract-text-webpack-plugin@3.0.0 or higher - see https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/548