From 0fe886d187515498763f47e5219140c3ba1558ce Mon Sep 17 00:00:00 2001
From: "jason.lam" <jason.lam@2fi-solutions.com.hk>
Date: Fri, 26 Jan 2024 15:29:09 +0800
Subject: [PATCH] update file name button

---
 .../Details_Public/ApplicationDetailCard.js   | 41 +++++++++----------
 1 file changed, 19 insertions(+), 22 deletions(-)

diff --git a/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js b/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js
index 7e295b3..e2f1516 100644
--- a/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js
+++ b/src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js
@@ -530,29 +530,26 @@ const ApplicationDetailCard = (
                                                 </Grid>
                                                 <Grid item xs={12} sm={12} md={9} lg={9} >
                                                     <Grid container direction="row" alignItems="center" justifyContent="flex-start">
-                                                        <Grid item xs={12} sm={12} md={9} lg={9} sx={{ wordBreak: 'break-word' , }}>
-                                                            <FormControl variant="outlined" fullWidth  >
-                                                                <Typography
-                                                                    fullWidth
-                                                                    id='fileName'
-                                                                    variant="pnspsFormParagraph"
-                                                                >
-                                                                    {fileDetail.filename}
-                                                                </Typography>
-                                                            </FormControl>
-                                                        </Grid>
-                                                        <Grid item xs={12} sm={12} md={3} lg={3} >
-                                                            <ThemeProvider theme={PNSPS_BUTTON_THEME}>
-                                                            <Button
-                                                                variant="contained"
-                                                                onClick={onDownloadClick()}
-                                                                aria-label={intl.formatMessage({id: 'download'})}
-                                                                title={intl.formatMessage({id: 'download'})}
-                                                                color="save"
-                                                                startIcon={<DownloadIcon sx={{alignItems:"center"}}/>}
+                                                        <Grid item xs={12} sm={12} md={12} lg={12} sx={{ wordBreak: 'break-word' , }}>
+                                                            <Typography
+                                                                fullWidth
+                                                                id='fileName'
+                                                                variant="pnspsFormParagraph"
                                                             >
-                                                                <FormattedMessage id="download"/>
-                                                            </Button>
+                                                                {fileDetail.filename}
+                                                            </Typography>
+                                                            <ThemeProvider theme={PNSPS_BUTTON_THEME}>
+                                                                <Button
+                                                                    sx={{ml:3}}
+                                                                    variant="contained"
+                                                                    onClick={onDownloadClick()}
+                                                                    aria-label={intl.formatMessage({id: 'download'})}
+                                                                    title={intl.formatMessage({id: 'download'})}
+                                                                    color="save"
+                                                                    startIcon={<DownloadIcon sx={{alignItems:"center"}}/>}
+                                                                >
+                                                                    <FormattedMessage id="download"/>
+                                                                </Button>
                                                             </ThemeProvider>
                                                         </Grid>
                                                     </Grid>