update ui

src/components/PoDetail/QcStockInModal.tsx

@@ -46,9 +46,9 @@ const style = {
   left: "50%",
   transform: "translate(-50%, -50%)",
   bgcolor: "background.paper",
-  pt: 5,
-  px: 5,
-  pb: 10,
+  // pt: 5,
+  // px: 5,
+  // pb: 10,
   display: "block",
   width: { xs: "90%", sm: "90%", md: "90%" },
   height: { xs: "90%", sm: "90%", md: "90%" },
@@ -508,7 +508,7 @@ const [qcItems, setQcItems] = useState(dummyQCData)
           <Box
             sx={{
               ...style,
-              padding: 2,
+              // padding: 2,
               maxHeight: "90vh",
               overflowY: "auto",
               marginLeft: 3,
@@ -517,11 +517,12 @@ const [qcItems, setQcItems] = useState(dummyQCData)
             }}
           >
             <Box sx={{ position: 'sticky', top: 0, bgcolor: 'background.paper',
-              zIndex: 5, borderBottom: 2, borderColor: 'divider', width: "100%" }}>
+              zIndex: 5, borderBottom: 2, borderColor: 'divider', width: "100%"}}>
               <Tabs
                 value={tabIndex}
                 onChange={handleTabChange}
                 variant="scrollable"
+                sx={{pl: 2, pr: 2, pt: 2}}
               >
                 <Tab label={
                   showPutaway ? t("dn and qc info") : t("qc processing")
@@ -533,6 +534,7 @@ const [qcItems, setQcItems] = useState(dummyQCData)
               container
               justifyContent="flex-start"
               alignItems="flex-start"
+              sx={{padding: 2}}
             >
               <Grid item xs={12}>
               {tabIndex === 0 && <>