diff options
| -rw-r--r-- | src/commonStyles.tsx | 10 | ||||
| -rw-r--r-- | src/pages/FormPage.tsx | 12 |
2 files changed, 10 insertions, 12 deletions
diff --git a/src/commonStyles.tsx b/src/commonStyles.tsx index 2caa77e..1136b34 100644 --- a/src/commonStyles.tsx +++ b/src/commonStyles.tsx @@ -93,15 +93,6 @@ const containerStyles = css` } `; -const separatorStyles = css` - height: 0; - display: none; - - @media (max-width: 850px) { - display: block; - } -`; - const returnStyles = css` padding: 0.5rem 2rem; border-radius: 8px; @@ -126,6 +117,5 @@ export { textInputs, invalidStyles, containerStyles, - separatorStyles, returnStyles }; diff --git a/src/pages/FormPage.tsx b/src/pages/FormPage.tsx index 36ca86f..abb008f 100644 --- a/src/pages/FormPage.tsx +++ b/src/pages/FormPage.tsx @@ -13,7 +13,7 @@ import ScrollToTop from "../components/ScrollToTop"; import { Form, FormFeatures, getForm } from "../api/forms"; import colors from "../colors"; -import { unselectable, containerStyles, separatorStyles, returnStyles } from "../commonStyles"; +import { unselectable, containerStyles, returnStyles } from "../commonStyles"; import { Question, QuestionType } from "../api/question"; import ApiClient from "../api/client"; @@ -27,6 +27,15 @@ interface NavigationProps { } class Navigation extends React.Component<NavigationProps> { + separatorStyles = css` + height: 0; + display: none; + + @media (max-width: 850px) { + display: block; + } + `; + submitStyles = css` text-align: right; white-space: nowrap; @@ -121,7 +130,6 @@ function FormPage(): JSX.Element { <div className={ "return_button closed" }> <Link to="/" css={returnStyles}>Return Home</Link> </div> - <br css={separatorStyles}/> </div> </div> ); |