From 61569d97cb25be00afd5d6304fee12e0b3caf94d Mon Sep 17 00:00:00 2001
From: Dave Richer <dave@imexsystems.ca>
Date: Tue, 2 Jul 2024 18:04:08 -0400
Subject: [PATCH] - Checkpoint

Signed-off-by: Dave Richer <dave@imexsystems.ca>
---
 .../production-board-kanban/production-board-kanban.utils.js  | 2 +-
 client/src/components/trello-board/controllers/Lane.jsx       | 4 ++--
 client/src/components/trello-board/styles/Base.js             | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/production-board-kanban/production-board-kanban.utils.js b/client/src/components/production-board-kanban/production-board-kanban.utils.js
index 61519d007..a10446928 100644
--- a/client/src/components/production-board-kanban/production-board-kanban.utils.js
+++ b/client/src/components/production-board-kanban/production-board-kanban.utils.js
@@ -1,5 +1,5 @@
 import { groupBy } from "lodash";
-import fakeData from "./testData/board1200.json";
+import fakeData from "./testData/board600.json";
 
 const sortByParentId = (arr) => {
   // return arr.reduce((accumulator, currentValue) => {
diff --git a/client/src/components/trello-board/controllers/Lane.jsx b/client/src/components/trello-board/controllers/Lane.jsx
index 7ba4391d1..3cd30ac67 100644
--- a/client/src/components/trello-board/controllers/Lane.jsx
+++ b/client/src/components/trello-board/controllers/Lane.jsx
@@ -286,7 +286,7 @@ const Lane = ({
                 <div
                   {...props}
                   style={{
-                    width: 252, // TODO: THIS IS THE LINE THAT CONTROLS IT ALL
+                    width: 152, // This is required and is pegged to .react-trello-card (Vertical)=
                     display: "flex",
                     flex: "none",
                     alignContent: "stretch",
@@ -319,7 +319,7 @@ const Lane = ({
           style={{ ...provided.droppableProps.style }}
         >
           <FinalComponent {...finalComponentProps} />
-          {provided.placeholder}
+          {/*{provided.placeholder}*/}
         </div>
         {renderAddCardLink()}
         {renderNewCardForm()}
diff --git a/client/src/components/trello-board/styles/Base.js b/client/src/components/trello-board/styles/Base.js
index c313e73e2..fa988cdbb 100644
--- a/client/src/components/trello-board/styles/Base.js
+++ b/client/src/components/trello-board/styles/Base.js
@@ -101,7 +101,7 @@ export const StyleVertical = styled.div`
 
   .react-trello-card {
     flex: 0 1 auto;
-    width: auto;
+    width: 150px;
     height: auto;
   }