web informational content

Opentrons · Mar 18, 2024 · 65d877a · 65d877a
1 parent 28a2c3c
commit 65d877a
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 6 deletions.
diff --git a/app/src/organisms/Devices/HistoricalProtocolRunOffsetDrawer.tsx b/app/src/organisms/Devices/HistoricalProtocolRunOffsetDrawer.tsx
@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next'
 import {
   Flex,
   Box,
+  BORDERS,
   SPACING,
   COLORS,
   TYPOGRAPHY,
@@ -85,6 +86,7 @@ export function HistoricalProtocolRunOffsetDrawer(
       backgroundColor={COLORS.grey20}
       width="100%"
       padding={`${SPACING.spacing16} ${SPACING.spacing8} ${SPACING.spacing16} ${SPACING.spacing48}`}
+      borderRadius={BORDERS.borderRadius4}
     >
       {isOutOfDate ? (
         <Banner type="warning" marginTop={SPACING.spacing8}>
@@ -145,6 +147,7 @@ export function HistoricalProtocolRunOffsetDrawer(
             padding={SPACING.spacing8}
             backgroundColor={COLORS.white}
             marginY={SPACING.spacing8}
+            borderRadius={BORDERS.borderRadius4}
           >
             <StyledText width="23.5%" as="label">
               {t('slot', { slotName: offset.location.slotName })}

diff --git a/app/src/organisms/Devices/ProtocolRun/ProtocolRunHeader.tsx b/app/src/organisms/Devices/ProtocolRun/ProtocolRunHeader.tsx
@@ -430,6 +430,7 @@ export function ProtocolRunHeader({
             display="grid"
             gridTemplateColumns="4fr 6fr 4fr"
             padding={SPACING.spacing8}
+            borderRadius={BORDERS.borderRadius4}
           >
             <LabeledValue
               label={t('protocol_start')}

diff --git a/app/src/organisms/Devices/ProtocolRun/SetupLabwarePositionCheck/CurrentOffsetsTable.tsx b/app/src/organisms/Devices/ProtocolRun/SetupLabwarePositionCheck/CurrentOffsetsTable.tsx
@@ -11,6 +11,7 @@ import {
 import {
   Flex,
   DIRECTION_COLUMN,
+  BORDERS,
   SPACING,
   TYPOGRAPHY,
   COLORS,
@@ -88,7 +89,12 @@ export function CurrentOffsetsTable(
               : offset.definitionUri
           return (
             <OffsetTableRow key={offset.id}>
-              <OffsetTableDatum>
+              <OffsetTableDatum
+                css={`
+                  border-radius: ${BORDERS.borderRadius4} 0 0
+                    ${BORDERS.borderRadius4};
+                `}
+              >
                 {getDisplayLocation(
                   offset.location,
                   getLabwareDefinitionsFromCommands(commands),
@@ -97,7 +103,12 @@ export function CurrentOffsetsTable(
                 )}
               </OffsetTableDatum>
               <OffsetTableDatum>{labwareDisplayName}</OffsetTableDatum>
-              <OffsetTableDatum>
+              <OffsetTableDatum
+                css={`
+                  border-radius: 0 ${BORDERS.borderRadius4}
+                    ${BORDERS.borderRadius4} 0;
+                `}
+              >
                 <OffsetVector {...offset.vector} />
               </OffsetTableDatum>
             </OffsetTableRow>

diff --git a/app/src/organisms/LabwarePositionCheck/ResultsSummary.tsx b/app/src/organisms/LabwarePositionCheck/ResultsSummary.tsx
@@ -388,13 +388,13 @@ const TerseTable = styled('table')`
   margin: ${SPACING.spacing16} 0;
   text-align: left;
   tr td:first-child {
-    border-top-left-radius: ${BORDERS.borderRadius12};
-    border-bottom-left-radius: ${BORDERS.borderRadius12};
+    border-top-left-radius: ${BORDERS.borderRadius8};
+    border-bottom-left-radius: ${BORDERS.borderRadius8};
     padding-left: ${SPACING.spacing12};
   }
   tr td:last-child {
-    border-top-right-radius: ${BORDERS.borderRadius12};
-    border-bottom-right-radius: ${BORDERS.borderRadius12};
+    border-top-right-radius: ${BORDERS.borderRadius8};
+    border-bottom-right-radius: ${BORDERS.borderRadius8};
     padding-right: ${SPACING.spacing12};
   }
 `