LMSN-217

Improve Slicing tampilan pada hospital portal (List Claim, Detail, Search Member)

frontend/hospital-portal/src/sections/dashboard/CardSearchMember.tsx

@@ -88,20 +88,26 @@ export default function CardSearchMember(handleSubmitSuccess) {
           alignItems="center"
           sx={{ paddingBottom: 2, paddingTop: 1 }}
         >
-          <Typography>
-            <Typography
+           <Typography
               variant="body2"
               component="span"
               sx={{ display: 'flex', alignItems: 'center' }}
             >
               {localeData.txtCardSearchMember1}
             </Typography>
-          </Typography>
         </Stack>
-        <Stack gap={2}>
-          <TextField variant="outlined" label={localeData.txtCardSearchMember4} value={noPolis} onChange={(event) => {
+        <Stack spacing={2} direction="row" justifyContent="space-between">
+          <TextField
+            variant="outlined"
+            label={localeData.txtCardSearchMember4}
+            value={noPolis}
+            onChange={(event) => {
             setNoPolis(event.target.value)
-          }} required></TextField>
+            }}
+            sx={{width:'40%'}}
+            required
+          />
+
           <LocalizationProvider dateAdapter={AdapterDateFns}>
             <DatePicker
               label={localeData.txtCardSearchMember3}
@@ -110,37 +116,25 @@ export default function CardSearchMember(handleSubmitSuccess) {
                 setBirthDate(  (newValue));
               }}
               inputFormat="dd-MM-yyyy"
-              renderInput={(params) => <TextField {...params} required/>}
+              renderInput={(params) => <TextField sx={{width:'40%'}} {...params} required/>}
             />
           </LocalizationProvider>
 
-          <Stack gap={2} flexDirection="row">
-            <LoadingButton
-              variant="outlined"
-              sx={{
-                background: '#fff',
-                p: 1,
-                width: '100%',
-              }}
-              loading={loadingBenefit}
-              onClick={() => {
-                handleSearchMember()
-              }}
-            >
-              <Iconify icon="eva:eye-fill" marginRight={0.75} />
-              {localeData.txtCardSearchMember2}
-            </LoadingButton>
-            {/* <LoadingButton
-              variant="contained"
-              sx={{
-                p: 1,
-                width: '100%',
-              }}
-              loading={loadingClaim}
-            >
-              Ajukan Penjaminan
-            </LoadingButton> */}
-          </Stack>
+          <LoadingButton
+            sx={{
+              backgroundColor: '#19BBBB',
+              p: 1,
+              width: '20%',
+              color: '#FFFF'
+            }}
+            loading={loadingBenefit}
+            onClick={() => {
+              handleSearchMember()
+            }}
+          >
+            <Iconify icon="eva:search-fill" marginRight={0.75} sx={{width: '24px', height: '24px'}} />
+            {localeData.txtCardSearchMember2}
+          </LoadingButton>
         </Stack>
       </RootNotificationStyle>
 {/*