styling changes to colaborar modal

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>