Fix form styling for project edit fields

This commit is contained in:
Paul Kaplan 2018-10-25 11:38:27 -04:00
parent d9fa10316b
commit f133f29353
2 changed files with 14 additions and 2 deletions

View file

@ -219,7 +219,10 @@ const PreviewPresentation = ({
<FormattedMessage id="project.instructionsLabel" />
</div>
{editable ?
<Formsy onKeyPress={onKeyPress}>
<Formsy
className="project-description-form"
onKeyPress={onKeyPress}
>
<InplaceInput
className={classNames(
'project-description-edit',
@ -252,7 +255,10 @@ const PreviewPresentation = ({
<FormattedMessage id="project.notesAndCreditsLabel" />
</div>
{editable ?
<Formsy onKeyPress={onKeyPress}>
<Formsy
className="project-description-form"
onKeyPress={onKeyPress}
>
<InplaceInput
className={classNames(
'project-description-edit',

View file

@ -337,6 +337,12 @@ $stage-width: 480px;
margin-bottom: 0;
}
.project-description-form {
display: flex;
width: 100%;
flex-grow: 1;
}
.project-description-edit {
display: flex;
margin-bottom: .75rem;