From 6b55690e6e9325baa7c1f020a371e98acdc50224 Mon Sep 17 00:00:00 2001
From: Claudemir Todo Bom <claudemir@todobom.com>
Date: Fri, 17 May 2024 20:18:04 -0300
Subject: [PATCH] Responsiveness of donation area

---
 frontend/src/pages/Dashboard/index.js | 91 ++++++++++++++-------------
 1 file changed, 46 insertions(+), 45 deletions(-)

diff --git a/frontend/src/pages/Dashboard/index.js b/frontend/src/pages/Dashboard/index.js
index 3c39393d..cc493a36 100644
--- a/frontend/src/pages/Dashboard/index.js
+++ b/frontend/src/pages/Dashboard/index.js
@@ -90,10 +90,11 @@ const useStyles = makeStyles((theme) => ({
   },
   supportBox: {
     backgroundColor: theme.palette.secondary.light,
-    margin: "5px",
     borderRadius: "10px",
-    maxWidth: "calc(33.333333% - 10px)",
     textAlign: "center",
+    borderColor: theme.palette.secondary.main,
+    borderWidth: "3px",
+    borderStyle: "solid",
   },
   cardAvatar: {
     fontSize: "55px",
@@ -394,49 +395,49 @@ const Dashboard = () => {
           <OnlyForSuperUser
             user={currentUser}
             yes={() => (
-            <Grid item xs={12}>
-              <Paper className={classes.supportPaper}>
-                <Typography component="h2" variant="h6" gutterBottom>
-                  {i18n.t("ticketz.support.title")}
-                </Typography>
-                <Grid container spacing={3}>
-                  <Grid className={classes.supportBox} item xs={4}>
-                    <Typography component="h3" variant="h6" gutterBottom>
-                      PIX
-                    </Typography>
-                    <div>
-                      <img className={classes.paymentpix} src="/ticketzpix.png" />
-                    </div>
-                    <Typography className={classes.pixkey} component="body2" paragraph>
-                      1ab11506-9480-4303-8e1e-988e7c49ed4d
-                    </Typography>
-                  </Grid>             
-                  <Grid className={classes.supportBox} item xs={4}>
-                    <Typography component="h3" variant="h6" gutterBottom>
-                      {i18n.t("ticketz.support.mercadopagotitle")}
-                    </Typography>
-                    <Typography component="body2" paragraph>
-                      {i18n.t("ticketz.support.recurringbrl")}
-                    </Typography>
-                    <div><a href="https://www.mercadopago.com.br/subscriptions/checkout?preapproval_plan_id=2c9380848f1b8ed1018f2b011f90061f" target="_blank">
-                      <img className={classes.paymentimg} src="/mercadopago.png" />
-                    </a></div>
-                  </Grid>             
-                  <Grid className={classes.supportBox} item xs={4}>
-                    <Typography component="h3" variant="h6" gutterBottom>
-                      {i18n.t("ticketz.support.paypaltitle")}
-                    </Typography>
-                    <Typography component="body2" paragraph>
-                      {i18n.t("ticketz.support.international")}
-                    </Typography>
-                    <div><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=X6XHVCPMRQEL4" target="_blank">
-                      <img  className={classes.paymentimg} src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" />
-                    </a></div>
-                  </Grid>             
-                </Grid>
-              </Paper>
-            </Grid>
-          )} />
+              <Grid item xs={12}>
+                <Paper className={classes.supportPaper}>
+                  <Typography component="h2" variant="h6" gutterBottom>
+                    {i18n.t("ticketz.support.title")}
+                  </Typography>
+                  <Grid container justifyContent="flex-end">
+                    <Grid className={classes.supportBox} item xs={12} md={4} sm={12}>
+                      <Typography component="h3" variant="h6" gutterBottom>
+                        PIX
+                      </Typography>
+                      <div>
+                        <img className={classes.paymentpix} src="/ticketzpix.png" />
+                      </div>
+                      <Typography className={classes.pixkey} component="body2" paragraph>
+                        1ab11506-9480-4303-8e1e-988e7c49ed4d
+                      </Typography>
+                    </Grid>
+                    <Grid className={classes.supportBox} item xs={12} md={4} sm={12}>
+                      <Typography component="h3" variant="h6" gutterBottom>
+                        {i18n.t("ticketz.support.mercadopagotitle")}
+                      </Typography>
+                      <Typography component="body2" paragraph>
+                        {i18n.t("ticketz.support.recurringbrl")}
+                      </Typography>
+                      <div><a href="https://www.mercadopago.com.br/subscriptions/checkout?preapproval_plan_id=2c9380848f1b8ed1018f2b011f90061f" target="_blank">
+                        <img className={classes.paymentimg} src="/mercadopago.png" />
+                      </a></div>
+                    </Grid>
+                    <Grid className={classes.supportBox} item xs={12} md={4} sm={12}>
+                      <Typography component="h3" variant="h6" gutterBottom>
+                        {i18n.t("ticketz.support.paypaltitle")}
+                      </Typography>
+                      <Typography component="body2" paragraph>
+                        {i18n.t("ticketz.support.international")}
+                      </Typography>
+                      <div><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=X6XHVCPMRQEL4" target="_blank">
+                        <img className={classes.paymentimg} src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" />
+                      </a></div>
+                    </Grid>
+                  </Grid>
+                </Paper>
+              </Grid>
+            )} />
 
           {/* DASHBOARD ATENDIMENTOS HOJE */}