|
1 | 1 | import*asReactfrom'react' |
2 | 2 | import*asGfrom'typings/graphql' |
3 | | -import{css,jsx}from'@emotion/core' |
4 | 3 | importButtonfrom'../../components/Button' |
5 | 4 | importMarkdownfrom'../../components/Markdown' |
6 | 5 |
|
@@ -30,9 +29,11 @@ const styles = { |
30 | 29 | levelList:{ |
31 | 30 | padding:'0rem 1rem', |
32 | 31 | }, |
33 | | -options:{ |
34 | | -position:'absolute'as'absolute', |
| 32 | +footer:{ |
| 33 | +position:'fixed'as'fixed', |
35 | 34 | bottom:0, |
| 35 | +left:0, |
| 36 | +right:0, |
36 | 37 | display:'flex'as'flex', |
37 | 38 | flexDirection:'row'as'row', |
38 | 39 | alignItems:'center'as'center', |
@@ -79,7 +80,7 @@ const Summary = ({ title, description, levels, onNext }: Props) => ( |
79 | 80 | </div> |
80 | 81 | </div> |
81 | 82 |
|
82 | | -<divcss={styles.options}> |
| 83 | +<divcss={styles.footer}> |
83 | 84 | {/* TODO Add back button */} |
84 | 85 | <Buttontype="primary"onClick={()=>onNext()}> |
85 | 86 | Start |
|