- Checkpoint

Signed-off-by: Dave Richer <dave@imexsystems.ca>

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) => {

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()}

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;
   }