Commit54545e4

authored

Merge pull requestcoderoad#152 from ShMcK/fix/alignment

Fix/alignment

2 parents828ed43 +e2bb75d commit54545e4Copy full SHA for 54545e4

File tree

+14

-11

lines changed

+14

-11

lines changed

Lines changed: 10 additions & 7 deletions

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ const styles = {`
`27`	`27`	`cursor:'pointer',`
`28`	`28`	`},`
`29`	`29`	`content:{`
`30`		`-paddingBottom:'3rem',`
	`30`	`+paddingBottom:'5rem',`
`31`	`31`	`},`
`32`	`32`	`header:{`
`33`	`33`	`color:'white',`
`@@ -40,6 +40,11 @@ const styles = {`
`40`	`40`	`description:{`
`41`	`41`	`fontSize:'1rem',`
`42`	`42`	`},`
	`43`	`+meta:{`
	`44`	`+display:'flex'as'flex',`
	`45`	`+flexDirection:'row'as'row',`
	`46`	`+flexWrap:'wrap'as'wrap',`
	`47`	`+},`
`43`	`48`	`levelList:{`
`44`	`49`	`padding:'0rem 1rem',`
`45`	`50`	`},`
`@@ -88,10 +93,10 @@ const Summary = (props: Props) => (`
`88`	`93`	`</div>`
`89`	`94`	`<h1css={styles.title}>{props.title}</h1>`
`90`	`95`	`<h3>{props.description}</h3>`
`91`		`-<h4>`
`92`		`-<spancss={{marginRight:'2rem'}}>Created by{props.createdBy.name}</span>`
`93`		`-<span>Last updated{moment(props.updatedAt).format('M/YYYY')}</span>`
`94`		`-</h4>`
	`96`	`+<h5css={styles.meta}>`
	`97`	`+<divcss={{marginRight:'2rem'}}>Created by{props.createdBy.name}</div>`
	`98`	`+<div>Last updated{moment(props.updatedAt).format('M/YYYY')}</div>`
	`99`	`+</h5>`
`95`	`100`	`</div>`
`96`	`101`	`<div>`
`97`	`102`	`<divcss={styles.levelList}>`
`@@ -110,8 +115,6 @@ const Summary = (props: Props) => (`
`110`	`115`	`</div>`
`111`	`116`	`</div>`
`112`	`117`
`113`		`-<divcss={{height:'3rem '}}/>`
`114`		`-`
`115`	`118`	`<divcss={styles.footer}>`
`116`	`119`	`{/* TODO Add back button */}`
`117`	`120`	`<Buttontype="primary"onClick={props.onNext}>`

Lines changed: 4 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,7 @@ const styles = {`
`29`	`29`	`},`
`30`	`30`	`subtitle:{`
`31`	`31`	`fontSize:'1.3rem',`
	`32`	`+textAlign:'center'as'center',`
`32`	`33`	`},`
`33`	`34`	`options:{`
`34`	`35`	`flex:1,`
`@@ -54,11 +55,10 @@ export const StartPage = (props: Props) => (`
`54`	`55`	`<BetaBadge>`
`55`	`56`	`<spancss={styles.title}>CodeRoad</span>`
`56`	`57`	`</BetaBadge>`
`57`		`-<h3css={styles.subtitle}>PlayInteractive CodingTutorials in VSCode</h3>`
`58`		`-<p>Learnby codingin a real environment.</p>`
	`58`	`+<h3css={styles.subtitle}>Play Tutorials in VSCode</h3>`
	`59`	`+<p>Learn in a real environment.</p>`
`59`	`60`	`<p>Instant feedback on save.</p>`
`60`		`-<p>Progress saves to Git.</p>`
`61`		`-<p>Build your portfolio as you learn.</p>`
	`61`	`+<p>Build your portfolio and Git timeline.</p>`
`62`	`62`	`</div>`
`63`	`63`
`64`	`64`	`<divcss={styles.options}>`

Comments

(0)