update public message ui

src/pages/dashboard/Public/Notice.js

@@ -2,13 +2,13 @@
 import {
     Stack,
     Typography,
+    Divider
 } from '@mui/material';
 import MainCard from "components/MainCard";
 import * as React from "react";
 import * as HttpUtils from "utils/HttpUtils";
 import * as UrlUtils from "utils/ApiPathConst";
 import * as DateUtils from "utils/DateUtils";
-
 import { useIntl} from "react-intl";
 
 // ==============================|| DASHBOARD - DEFAULT ||============================== //
@@ -34,7 +34,8 @@ const SearchDemandNoteForm = () => {
                 <Stack direction="column"  >
                     <Typography variant='h4' align="justify"><b>{locale === 'en' ?item.subjectEng:locale === 'zh-HK' ?item.subjectCht:item.subjectChs}</b></Typography>
                     <Typography align="justify">{DateUtils.datetimeStr(item.announceDate)}</Typography>
-                    <Typography align="justify">{locale === 'en' ?item.contentEng:locale === 'zh-HK' ?item.contentCht:item.contentChs}</Typography>
+                    <Typography align="justify"sx={{ pt: 1 }}>{locale === 'en' ?item.contentEng:locale === 'zh-HK' ?item.contentCht:item.contentChs}</Typography>
+                    <Divider fullWidth sx={{ pt: 1 }}></Divider>
                 </Stack>
             )
         });
@@ -58,7 +59,7 @@ const SearchDemandNoteForm = () => {
             content={false}
             sx={{ backgroundColor: '#fff' }}
         >
-            <Stack direction="column" spacing={1}>
+            <Stack direction="column" spacing={4}>
                 {itemList}
             </Stack>
         </MainCard>