diff options
| -rw-r--r-- | src/commonStyles.tsx | 2 | ||||
| -rw-r--r-- | src/pages/FormPage.tsx | 8 |
2 files changed, 6 insertions, 4 deletions
diff --git a/src/commonStyles.tsx b/src/commonStyles.tsx index 3ff2a2f..cbfc40a 100644 --- a/src/commonStyles.tsx +++ b/src/commonStyles.tsx @@ -66,7 +66,6 @@ const containerStyles = css` text-align: center; font-size: 1.5rem; - white-space: nowrap; > div { display: inline-block; @@ -109,6 +108,7 @@ const returnStyles = css` color: white; text-decoration: none; + white-space: nowrap; background-color: ${colors.greyple}; transition: background-color 300ms; diff --git a/src/pages/FormPage.tsx b/src/pages/FormPage.tsx index cf6947b..72b073f 100644 --- a/src/pages/FormPage.tsx +++ b/src/pages/FormPage.tsx @@ -29,6 +29,7 @@ interface NavigationProps { class Navigation extends React.Component<NavigationProps> { submitStyles = css` text-align: right; + white-space: nowrap; button { padding: 0.5rem 4rem; @@ -110,12 +111,13 @@ function FormPage(): JSX.Element { }, []); if (form && sent) { - const thanksStyle = css`font-family: "Uni Sans", "Hind", "Arial", sans-serif;`; + const thanksStyle = css`font-family: "Uni Sans", "Hind", "Arial", sans-serif; margin-top: 250px;`; + const divStyle = css`width: 80%;`; return ( <div> <HeaderBar title={form.name} description={form.description}/> - <div css={[unselectable, containerStyles]}> - <h3 css={thanksStyle}>Thanks for your response!</h3> + <div css={[unselectable, containerStyles, divStyle]}> + <h3 css={thanksStyle}>{form.submitted_text ?? "Thanks for your response!"}</h3> <div className={ "return_button closed" }> <Link to="/" css={returnStyles}>Return Home</Link> </div> |