diff --git a/src/Components/ColaborarModal.js b/src/Components/ColaborarModal.js index 0a4fdd48d7b8e849385ad7d620b9096e2fa9226e..395f305fab1546d612c17c80df513fb5f1eda9cd 100644 --- a/src/Components/ColaborarModal.js +++ b/src/Components/ColaborarModal.js @@ -25,7 +25,7 @@ const StyledDivHeader = styled.div` text-align : center; display : flex; justify-content : space-between; - padding : 10px 58px 0 58px; + padding : 10px 26px 0 26px; color : #666; font-size : 40px; font-weight : 400; @@ -34,7 +34,7 @@ const StyledDivHeader = styled.div` ` const StyledDivDialogContent = styled.div` - padding : 20px 30px; + padding : 20px 0; ` const StyledButtonsDiv = styled.div` @@ -45,6 +45,7 @@ const StyledButtonsDiv = styled.div` const StyledButton = styled(Button)` background-color : #00acc1 !important; + width : 45% ` const StyledH2 = styled.h2` @@ -96,8 +97,8 @@ export default function ColaborarModal (props) { > <Fade in={props.open}> <StyledDivContainer> - <span style={{width:"32px"}}/> <StyledDivHeader> + <span style={{width:"32px"}}/> <StyledH2> Você é professor(a), da educação básica, e gostaria de colaborar com a Plataforma? </StyledH2> @@ -114,7 +115,7 @@ export default function ColaborarModal (props) { }} > <div style={{maxWidth:"350px", marginRight:"0", marginLeft:"auto", color:"#666"}}> - <p style={{textAlign:"start", fontSize:"15px", margin:"0 0 10"}}> + <p style={{textAlign:"justify", fontSize:"15px", margin:"0 0 10"}}> Ao ser identificado como professor(a), você poderá <span style={{color:"#00bcd4"}}> publicar e compartilhar recursos educacionais digitais </span> na plataforma com toda a comunidade escolar do paÃs. @@ -129,7 +130,7 @@ export default function ColaborarModal (props) { </StyledButtonsDiv> </div> <div style={{display:"flex", alignItems:"flex-start"}}> - <LabeledCheckbox label={<Styledspan>Não perguntar novamente</Styledspan>} checked={checkbox} handleChange={handleCheckbox}/> + <LabeledCheckbox label={<Styledspan>Não perguntar novamente!</Styledspan>} checked={checkbox} handleChange={handleCheckbox}/> </div> </StyledDivContentInformation> </StyledDivDialogContent>