design is done; missing all sharing functionalities

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 {