From 0eda6f750e214f358325df2bec8d84d760fe47b4 Mon Sep 17 00:00:00 2001
From: David Nunez <103138766+djnunez-aot@users.noreply.github.com>
Date: Wed, 26 Feb 2025 14:04:32 -0500
Subject: [PATCH] remove colspan instances

---
 .../src/components/Submission/DocumentRow/index.tsx  | 10 +++++-----
 .../src/components/Submission/ItemsTable/index.tsx   | 10 +++++-----
 .../ProponentSubmissionItemTableRow.tsx              | 12 ++++++------
 .../StaffSubmissionItemTableRow.tsx                  | 12 ++++++------
 4 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/submit-web/src/components/Submission/DocumentRow/index.tsx b/submit-web/src/components/Submission/DocumentRow/index.tsx
index 4924f650..71b2ebc0 100644
--- a/submit-web/src/components/Submission/DocumentRow/index.tsx
+++ b/submit-web/src/components/Submission/DocumentRow/index.tsx
@@ -55,7 +55,7 @@ export default function DocumentRow({
   return (
     <>
       <TableRow sx={{ "& > *": { borderBottom: "unset" } }}>
-        <SubmitTableCell colSpan={10}>
+        <SubmitTableCell width={"50%"}>
           <Typography
             variant="body1"
             color="inherit"
@@ -78,10 +78,10 @@ export default function DocumentRow({
             )}
           </Typography>
         </SubmitTableCell>
-        <SubmitTableCell align="left" colSpan={3}>
+        <SubmitTableCell align="left" width={"10%"}>
           {submitted_by || ""}
         </SubmitTableCell>
-        <SubmitTableCell align="right" colSpan={2}>
+        <SubmitTableCell align="right" width={"10%"}>
           {version}
           <IconButton onClick={() => setExpanded(!expanded)} sx={{ p: 0 }}>
             <ExpandMoreIcon
@@ -92,10 +92,10 @@ export default function DocumentRow({
             />
           </IconButton>
         </SubmitTableCell>
-        <SubmitTableCell align="right" colSpan={4}>
+        <SubmitTableCell align="right" width={"20%"}>
           <StatusCell submittedDocument={documentSubmission} />
         </SubmitTableCell>
-        <SubmitTableCell align="right" colSpan={2}></SubmitTableCell>
+        <SubmitTableCell align="right" width={"10%"}></SubmitTableCell>
       </TableRow>
       <TableRow>
         <SubmitTableCell
diff --git a/submit-web/src/components/Submission/ItemsTable/index.tsx b/submit-web/src/components/Submission/ItemsTable/index.tsx
index cd25f02a..fc428368 100644
--- a/submit-web/src/components/Submission/ItemsTable/index.tsx
+++ b/submit-web/src/components/Submission/ItemsTable/index.tsx
@@ -48,7 +48,7 @@ export default function ItemsTable({ submissionPackage }: ItemsTableProps) {
           }}
         >
           <TableRow>
-            <SubmitTableHeadCell colSpan={10}>
+            <SubmitTableHeadCell width={"50%"}>
               <Typography
                 variant="body2"
                 sx={{
@@ -61,16 +61,16 @@ export default function ItemsTable({ submissionPackage }: ItemsTableProps) {
                 Form/Document
               </Typography>
             </SubmitTableHeadCell>
-            <SubmitTableHeadCell colSpan={3} align="left">
+            <SubmitTableHeadCell width={"10%"} align="left">
               Uploaded by
             </SubmitTableHeadCell>
-            <SubmitTableHeadCell colSpan={2} align="right">
+            <SubmitTableHeadCell width={"10%"} align="right">
               Version
             </SubmitTableHeadCell>
-            <SubmitTableHeadCell colSpan={4} align="center">
+            <SubmitTableHeadCell width={"20%"} align="center">
               Status
             </SubmitTableHeadCell>
-            <SubmitTableHeadCell colSpan={2} align="left">
+            <SubmitTableHeadCell width={"10%"} align="left">
               Actions
             </SubmitTableHeadCell>
           </TableRow>
diff --git a/submit-web/src/components/Submission/SubmissionItemTableRow/ProponentSubmissionItemTableRow.tsx b/submit-web/src/components/Submission/SubmissionItemTableRow/ProponentSubmissionItemTableRow.tsx
index 6420c414..8b763b49 100644
--- a/submit-web/src/components/Submission/SubmissionItemTableRow/ProponentSubmissionItemTableRow.tsx
+++ b/submit-web/src/components/Submission/SubmissionItemTableRow/ProponentSubmissionItemTableRow.tsx
@@ -88,7 +88,7 @@ export default function ProponentSubmissionItemTableRow({
   return (
     <>
       <SubmitTablePrimaryRow key={`row-${name}`} error={error}>
-        <SubmitPrimaryRowTableCell colSpan={10}>
+        <SubmitPrimaryRowTableCell width={"50%"}>
           <MuiLink
             color="inherit"
             sx={{
@@ -107,9 +107,9 @@ export default function ProponentSubmissionItemTableRow({
             </Typography>
           </MuiLink>
         </SubmitPrimaryRowTableCell>
-        <SubmitPrimaryRowTableCell align="left" colSpan={3} />
-        <SubmitPrimaryRowTableCell align="right" colSpan={2} />
-        <SubmitPrimaryRowTableCell align="right" colSpan={4}>
+        <SubmitPrimaryRowTableCell align="left" width={"10%"} />
+        <SubmitPrimaryRowTableCell align="right" width={"10%"} />
+        <SubmitPrimaryRowTableCell align="right" width={"20%"}>
           <Box mr={2}>
             <SubmissionStatusChipStack
               status={status}
@@ -119,7 +119,7 @@ export default function ProponentSubmissionItemTableRow({
             />
           </Box>
         </SubmitPrimaryRowTableCell>
-        <SubmitPrimaryRowTableCell align="left" colSpan={2}>
+        <SubmitPrimaryRowTableCell align="left" width={"10%"}>
           <Unless
             condition={
               submissionPackage?.submitted_on &&
@@ -157,7 +157,7 @@ export default function ProponentSubmissionItemTableRow({
       <When condition={error}>
         <TableRow key={`row-${name}-divider`}>
           <TableCell
-            colSpan={5}
+            width={"100%"}
             sx={{
               py: BCDesignTokens.layoutPaddingXsmall,
               px: 0,
diff --git a/submit-web/src/components/Submission/SubmissionItemTableRow/StaffSubmissionItemTableRow.tsx b/submit-web/src/components/Submission/SubmissionItemTableRow/StaffSubmissionItemTableRow.tsx
index 5f756e97..a8fe5a6f 100644
--- a/submit-web/src/components/Submission/SubmissionItemTableRow/StaffSubmissionItemTableRow.tsx
+++ b/submit-web/src/components/Submission/SubmissionItemTableRow/StaffSubmissionItemTableRow.tsx
@@ -93,7 +93,7 @@ export default function StaffSubmissionItemTableRow({
   return (
     <>
       <SubmitTablePrimaryRow key={`row-${name}`} error={error}>
-        <SubmitPrimaryRowTableCell colSpan={10}>
+        <SubmitPrimaryRowTableCell width={"50%"}>
           <MuiLink
             color="inherit"
             sx={{
@@ -112,9 +112,9 @@ export default function StaffSubmissionItemTableRow({
             </Typography>
           </MuiLink>
         </SubmitPrimaryRowTableCell>
-        <SubmitPrimaryRowTableCell align="left" colSpan={3} />
-        <SubmitPrimaryRowTableCell align="right" colSpan={2} />
-        <SubmitPrimaryRowTableCell align="right" colSpan={4}>
+        <SubmitPrimaryRowTableCell align="left" width={"10%"} />
+        <SubmitPrimaryRowTableCell align="right" width={"10%"} />
+        <SubmitPrimaryRowTableCell align="right" width={"20%"}>
           <Box mr={2}>
             <SubmissionStatusChipStack
               status={status}
@@ -125,7 +125,7 @@ export default function StaffSubmissionItemTableRow({
           </Box>
         </SubmitPrimaryRowTableCell>
 
-        <SubmitPrimaryRowTableCell align="left" colSpan={2}>
+        <SubmitPrimaryRowTableCell align="left" width={"10%"}>
           <When condition={submitted_on}>
             <SubmissionItemReviewConfirmation
               submissionItem={item}
@@ -162,7 +162,7 @@ export default function StaffSubmissionItemTableRow({
       <When condition={error}>
         <TableRow key={`row-${name}-divider`}>
           <TableCell
-            colSpan={5}
+            width={"100%"}
             sx={{
               py: BCDesignTokens.layoutPaddingXsmall,
               px: 0,