refactor(app): border radius4 feedback (#14681)

Closes EXEC-331
Opentrons · Mar 18, 2024 · 6dee683 · 6dee683
1 parent 935e84d
commit 6dee683
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 4 deletions.
diff --git a/app/src/organisms/DeviceDetailsDeckConfiguration/index.tsx b/app/src/organisms/DeviceDetailsDeckConfiguration/index.tsx
@@ -209,6 +209,7 @@ export function DeviceDetailsDeckConfiguration({
                     <Flex
                       key={fixture.cutoutId}
                       backgroundColor={COLORS.grey20}
+                      borderRadius={BORDERS.borderRadius4}
                       gridGap={SPACING.spacing60}
                       padding={SPACING.spacing8}
                       width="100%"

diff --git a/app/src/organisms/LabwareDetails/index.tsx b/app/src/organisms/LabwareDetails/index.tsx
@@ -187,7 +187,7 @@ export function LabwareDetails(props: LabwareDetailsProps): JSX.Element {
           )}
         </Link>
       </Box>
-      <Box border={BORDERS.lineBorder}>
+      <Box border={BORDERS.lineBorder} borderRadius={BORDERS.borderRadius4}>
         <Box padding={SPACING.spacing16}>
           <WellCount
             wellLabel={getWellLabel(definition)}

diff --git a/app/src/organisms/LabwarePositionCheck/ResultsSummary.tsx b/app/src/organisms/LabwarePositionCheck/ResultsSummary.tsx
@@ -271,7 +271,12 @@ const OffsetTable = (props: OffsetTableProps): JSX.Element => {
 
           return (
             <TableRow key={index}>
-              <TableDatum>
+              <TableDatum
+                css={`
+                  border-radius: ${BORDERS.borderRadius4} 0 0
+                    ${BORDERS.borderRadius4};
+                `}
+              >
                 <StyledText
                   as="p"
                   textTransform={TYPOGRAPHY.textTransformCapitalize}
@@ -282,7 +287,12 @@ const OffsetTable = (props: OffsetTableProps): JSX.Element => {
               <TableDatum>
                 <StyledText as="p">{labwareDisplayName}</StyledText>
               </TableDatum>
-              <TableDatum>
+              <TableDatum
+                css={`
+                  border-radius: 0 ${BORDERS.borderRadius4}
+                    ${BORDERS.borderRadius4} 0;
+                `}
+              >
                 {isEqual(vector, IDENTITY_VECTOR) ? (
                   <StyledText>{t('no_labware_offsets')}</StyledText>
                 ) : (

diff --git a/app/src/organisms/RunPreview/index.tsx b/app/src/organisms/RunPreview/index.tsx
@@ -117,7 +117,7 @@ export const RunPreviewComponent = (
                   index === jumpedIndex ? '#F5E3FF' : backgroundColor
                 }
                 color={COLORS.black90}
-                borderRadius={BORDERS.borderRadius8}
+                borderRadius={BORDERS.borderRadius4}
                 padding={SPACING.spacing8}
                 css={css`
                   transition: background-color ${COLOR_FADE_MS}ms ease-out,