update title

src/pages/Announcement/Search/index.js

@@ -75,7 +75,7 @@ const UserSearchPage_Individual = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">Announcement</Typography>
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>Announcement</Typography>
                         </Stack>
                     </div>
                 </Grid>

src/pages/Announcement/Search_Public/index.js

@@ -75,7 +75,7 @@ const UserSearchPage_Individual = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4"><FormattedMessage id="announcement" /></Typography>
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}><FormattedMessage id="announcement" /></Typography>
                         </Stack>
                     </div>
                 </Grid>

src/pages/AuditLog/index.js

@@ -84,7 +84,7 @@ const AuditLogPage = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">Audit Log</Typography>
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>Audit Log</Typography>
                         </Stack>
                     </div>
                 </Grid>

src/pages/DemandNote/Create/index.js

@@ -84,7 +84,7 @@ const Index = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>
                                 Create Demand Note
                             </Typography>
                         </Stack>

src/pages/DemandNote/Search/index.js

@@ -104,7 +104,7 @@ const UserSearchPage_Individual = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>
                                 Demand Note
                             </Typography>
                         </Stack>

src/pages/GFMIS/index.js

@@ -127,7 +127,7 @@ const Index = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>
                             GFMIS Generate XML
                             </Typography>
                         </Stack>

src/pages/Organization/SearchPage/index.js

@@ -75,7 +75,7 @@ const OrganizationSearchPage = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">View Organisation</Typography>
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>View Organisation</Typography>
                         </Stack>
                     </div>
                 </Grid>

src/pages/Payment/Search_GLD/index.js

@@ -68,7 +68,7 @@ const Index = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>
                                 Online Payment Record
                             </Typography>
                         </Stack>

src/pages/Proof/Create_FromApp/index.js

@@ -79,7 +79,7 @@ const Index = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">Create Proof</Typography>
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>Create Proof</Typography>
                         </Stack>
                     </div>
                 </Grid>

src/pages/Proof/Search_GLD/index.js

@@ -101,7 +101,7 @@ const UserSearchPage_Individual = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">Proof</Typography>
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>Proof</Typography>
                         </Stack>
                     </div>
                 </Grid>

src/pages/PublicNotice/Search_GLD/index.js

@@ -100,7 +100,7 @@ const UserSearchPage_Individual = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">Application</Typography>
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>Application</Typography>
                         </Stack>
                     </div>
                 </Grid>

src/pages/Recon/index.js

@@ -125,7 +125,7 @@ const Index = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>
                             Recon Report
                             </Typography>
                         </Stack>

src/pages/User/DetailPage/index.js

@@ -244,7 +244,7 @@ const UserMaintainPage = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">{isNewRecord ? "Create GLD User" : "Maintain GLD User"}</Typography>
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>{isNewRecord ? "Create GLD User" : "Maintain GLD User"}</Typography>
                         </Stack>
                     </div>
                 </Grid>

src/pages/User/DetailsPage_Individual/UserInformationCard_Individual_Pub.js

@@ -216,7 +216,7 @@ const UserInformationCard_Individual_Pub = ({ formData, loadDataFun }) => {
                             </Grid>
 
                             <Grid xs={12} sm={12} md={12} lg={4}>
-                                <Grid container alignItems={"center"} sx={{mb:2}} >
+                                <Grid container alignItems={"center"} spacing={1} sx={{mb:2}} >
                                     <Grid item xs={12} sm={12} md={3} lg={3} sx={{ display: 'flex', alignItems: 'center' }}>
                                         <Typography variant="pnspsFormParagraphBold">
                                             <FormattedMessage id="idNo" />:

src/pages/User/SearchPage/index.js

@@ -80,7 +80,7 @@ const UserSettingPage = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">View GLD User</Typography>
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>View GLD User</Typography>
                         </Stack>
                     </div>
                 </Grid>

src/pages/User/SearchPage_Individual/index.js

@@ -75,7 +75,7 @@ const UserSearchPage_Individual = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>
                                 View Individual User
                             </Typography>
                         </Stack>

src/pages/User/SearchPage_Organization/index.js

@@ -76,7 +76,7 @@ const UserSearchPage_Organization = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">View Organisation User</Typography>
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>View Organisation User</Typography>
                         </Stack>
                     </div>
                 </Grid>

src/pages/dashboard/GLD/index.js

@@ -38,7 +38,7 @@ const DashboardDefault = () => {
       <Grid item xs={12}>
         <div style={BackgroundHead}>
           <Stack direction="row"  height='70px' justifyContent="flex-start" alignItems="center">
-            <Typography ml={15} color='#FFF' variant="h4" sx={{display: { xs: 'none', sm: 'none', md: 'block' }}}>
+            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>
               {getWelcomeMsg()}, {userData.fullenName}
             </Typography>
           </Stack>

src/pages/pnspsUserGroupDetailPage/index.js

@@ -177,7 +177,7 @@ const UserMaintainPage = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">{isNewRecord ? "Create User Group" : "Maintain User Group"}</Typography>
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>{isNewRecord ? "Create User Group" : "Maintain User Group"}</Typography>
                         </Stack>
                     </div>
                 </Grid>

src/pages/pnspsUserGroupSearchPage/index.js

@@ -83,7 +83,7 @@ const UserGroupSearchPanel = () => {
                 <Grid item xs={12}>
                     <div style={BackgroundHead}>
                         <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
-                            <Typography ml={15} color='#FFF' variant="h4">
+                            <Typography ml={15} color='#FFF' variant="h4" sx={{ "textShadow": "0px 0px 25px #0C489E" }}>
                                 View User Group
                             </Typography>
                         </Stack>

src/utils/FieldUtils.js

@@ -11,7 +11,7 @@ export const notNullFieldLabel = (label) => {
 
 
 export const getDateField = ({ label, valueName, form, disabled }) => {
-    return <Grid container alignItems={"center"}>
+    return <Grid container spacing={1} alignItems={"center"}>
         <Grid item xs={12} md={3} lg={3} sx={{ display: 'flex', alignItems: 'center' }}>
             <Typography variant="pnspsFormParagraphBold">{label}</Typography>
         </Grid>
@@ -29,7 +29,7 @@ export const getDateField = ({ label, valueName, form, disabled }) => {
 export const getTextField = ({ label, valueName, form, disabled }) => {
     return <Grid container alignItems={"center"} sx={{mb:2}}>
         <Grid item xs={12} sm={12} md={12} lg={12}>
-            <Grid container>
+            <Grid container spacing={1}>
                 <Grid item xs={12} sm={12} md={3} lg={3}
                     sx={{ display: 'flex', alignItems: 'center' }} >
                     <Typography variant="pnspsFormParagraphBold">{label}</Typography>
@@ -48,7 +48,7 @@ export const getTextField = ({ label, valueName, form, disabled }) => {
 }
 
 export const getTextArea = ({ label, valueName, form, disabled, inputProps, ...props }) => {
-    return <Grid container alignItems={"center"}>
+    return <Grid container spacing={1} alignItems={"center"}>
         <Grid item xs={12} md={3} lg={3}
             sx={{ display: 'flex', alignItems: 'center' }}>
             <Typography variant="pnspsFormParagraphBold">{label}</Typography>
@@ -76,7 +76,7 @@ export const getTextArea = ({ label, valueName, form, disabled, inputProps, ...p
 
 export const getPhoneField = ({ label, valueName, form, disabled }) => {
 
-    return <Grid container alignItems={"center"} sx={{mb:2}}>
+    return <Grid container spacing={1} alignItems={"center"} sx={{mb:2}}>
         <Grid item xs={12} md={3} lg={3}
             sx={{ display: 'flex', alignItems: 'center' }}>
             <Typography variant="pnspsFormParagraphBold">{label}</Typography>
@@ -122,7 +122,7 @@ export const getPhoneField = ({ label, valueName, form, disabled }) => {
 
 
 export const getAddressField = ({ label, valueName, form, disabled }) => {
-    return <Grid container alignItems={"top"}>
+    return <Grid container spacing={1} alignItems={"top"}>
         <Grid item xs={12} md={3} lg={1} mt={1} sx={{ display: 'flex', alignItems: 'top' }}>
             <Grid item lg={12} sx={{ alignItems: 'center' }}>
                 <Typography variant="pnspsFormParagraphBold">{label}</Typography>
@@ -159,7 +159,7 @@ export const getAddressField = ({ label, valueName, form, disabled }) => {
 
 export const getComboField = ({ label, dataList, valueName, form, disabled, getOptionLabel, onInputChange, onChange, filterOptions, ...props }) => {
     let err = Boolean(form.errors[valueName]);
-    return <Grid container alignItems={"center"} sx={{mb:2}}>
+    return <Grid container spacing={1} alignItems={"center"} sx={{mb:2}}>
         <Grid item xs={12} md={3} lg={3} sx={{ display: 'flex', alignItems: 'center' }}>
         <Typography variant="pnspsFormParagraphBold">{label}</Typography>
         </Grid>