diff --git a/src/Components/ShareModal.js b/src/Components/ShareModal.js index 15f23349d0200e65550fcc54120d1b5a5590ba5e..33b5c599c25c6276d50019516ee324e395048fd6 100644 --- a/src/Components/ShareModal.js +++ b/src/Components/ShareModal.js @@ -85,22 +85,22 @@ export default function ReportModal (props) { <ShareInfo> <Grid container style={{paddingRight : "15px", paddingLeft : "15px"}}> <Grid item xs={4}> - <Button> + <ShareButton> <img src={Facebook} alt="facebook-logo"/> <p>FACEBOOK</p> - </Button> + </ShareButton> </Grid> <Grid item xs={4}> - <Button> + <ShareButton> <img src={Twitter} alt="twitter-logo"/> <p>TWITTER</p> - </Button> + </ShareButton> </Grid> <Grid item xs={4}> - <Button onClick={copyToClipboard}> + <ShareButton onClick={copyToClipboard}> <img src={LinkIcon} alt="link-icon"/> <p ref={pRef} value={props.link}>COPIAR LINK</p> - </Button> + </ShareButton> </Grid> </Grid> </ShareInfo> @@ -116,6 +116,13 @@ const ShareButton = styled(Button)` margin : 0 !important; min-height : 121px !important; + .MuiButton-label { + display : flex !important; + flex-direction : column !important; + justify-content : center !important; + font-weight : 700 !important; + } + img { height : 75px; width : 75px; @@ -151,6 +158,7 @@ const ResourceInfo = styled.div` display : flex; flex-direction : column; text-align : left; + padding-right : 10px; } img {