fix(protocol-designer): Fix flex deck view position in overview (#16680)

* fix(protocol-designer): Fix flex deck view position in overview
Opentrons · Nov 5, 2024 · 49e144f · 49e144f
1 parent ddbf5dd
commit 49e144f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/components/src/hardware-sim/RobotCoordinateSpace/RobotCoordinateSpaceWithRef.tsx b/components/src/hardware-sim/RobotCoordinateSpace/RobotCoordinateSpaceWithRef.tsx
@@ -35,18 +35,18 @@ export function RobotCoordinateSpaceWithRef(
       {}
     )
 
+    const PADDING = deckDef.otId === 'ot2_standard' ? 5 : 10
     if (deckDef.otId === 'ot2_standard') {
-      const PADDING = 5
       wholeDeckViewBox = `${viewBoxOriginX - PADDING} ${
         viewBoxOriginY + PADDING * 5
       } ${deckXDimension + PADDING * 2} ${deckYDimension - PADDING * 10}`
     } else {
-      const PADDING = 20
-      wholeDeckViewBox = `${viewBoxOriginX - PADDING} ${
-        viewBoxOriginY + PADDING
-      } ${deckXDimension + PADDING * 2} ${deckYDimension + PADDING * 2}`
+      wholeDeckViewBox = `${viewBoxOriginX + PADDING * 2} ${
+        viewBoxOriginY - PADDING
+      } ${deckXDimension + PADDING * 4} ${deckYDimension + PADDING * 3}`
     }
   }
+
   return (
     <Svg
       viewBox={zoomed ? viewBox : wholeDeckViewBox}

diff --git a/protocol-designer/src/pages/Designer/DeckSetup/DeckSetupContainer.tsx b/protocol-designer/src/pages/Designer/DeckSetup/DeckSetupContainer.tsx
@@ -180,6 +180,7 @@ export function DeckSetupContainer(props: DeckSetupTabType): JSX.Element {
         height={zoomIn.slot != null ? '75vh' : '70vh'}
         flexDirection={DIRECTION_COLUMN}
         padding={SPACING.spacing40}
+        maxHeight="39.375rem" // this is to block deck view from enlarging
       >
         <Flex
           width="100%"