diff --git a/app/soapbox/features/external_login/components/external_login_form.js b/app/soapbox/features/external_login/components/external_login_form.js index 0fa91d590..9166f7c2a 100644 --- a/app/soapbox/features/external_login/components/external_login_form.js +++ b/app/soapbox/features/external_login/components/external_login_form.js @@ -53,7 +53,7 @@ class ExternalLoginForm extends ImmutablePureComponent { } return ( - +
diff --git a/app/soapbox/features/forms/index.js b/app/soapbox/features/forms/index.js index 0ad1f361d..3273a0d4e 100644 --- a/app/soapbox/features/forms/index.js +++ b/app/soapbox/features/forms/index.js @@ -126,6 +126,7 @@ export class SimpleForm extends ImmutablePureComponent { static propTypes = { children: PropTypes.node, + className: PropTypes.string, }; static defaultProps = { @@ -139,9 +140,14 @@ export class SimpleForm extends ImmutablePureComponent { } render() { - const { children, onSubmit, ...props } = this.props; + const { className, children, onSubmit, ...props } = this.props; return ( -
+ {children}
); diff --git a/app/styles/forms.scss b/app/styles/forms.scss index 66382ee27..05bcbc0a4 100644 --- a/app/styles/forms.scss +++ b/app/styles/forms.scss @@ -295,6 +295,7 @@ code { input[type=text], input[type=number], input[type=email], + input[type=url], input[type=password], textarea { color: var(--primary-text-color--faint); @@ -305,6 +306,7 @@ code { input[type=text], input[type=number], input[type=email], + input[type=url], input[type=password], textarea, .rfipbtn { @@ -348,6 +350,7 @@ code { input[type=text][disabled], input[type=number][disabled], input[type=email][disabled], + input[type=url][disabled], input[type=password][disabled], textarea[disabled] { color: var(--primary-text-color--faint); @@ -362,6 +365,7 @@ code { input[type=text], input[type=number], input[type=email], + input[type=url], input[type=password], textarea, select {