- fix minor issue with production notes / add some notes on

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

_reference/productionBoardNotes.md

@@ -0,0 +1,33 @@
+# Production Board Notes:
+
+## General Notes
+
+- You can single click the lane footer to collapse/un-collapse the lane
+- You can double click the lane header to collapse/un-collapse the lane
+- If you need to scroll horizontally, you can hold shift and use the mouse scroll wheel, or press the mouse scroll wheel while scrolling
+
+## Board Settings
+
+#### Layout
+
+- Board Orientation (Vertical or Horizontal) 
+  - This determines the orientation of the card layout on the board.
+  - Horizontal is the default setting, and how the prior board was set up.
+  - Vertical is the new setting and allows lanes to be displayed vertically, with a grid of cards
+- Card Size (Small, Medium, Large)
+  - This determines the size of the cards on the board.
+  - Small is the default setting, and how the prior board was set up.
+  - Medium and Large are new settings and allow for larger cards to be displayed on the board.
+- Compact Cards (Tall or Wide)
+   - Formally called 'Compact'
+   - When on, data is displayed on the card vertically
+   - when turned off, some fields may share horizontal space, tightening the card layout
+- Colored Cards (On or Off)
+  - When on, cards are colored based on the Status color
+- Kiosk Mode (On or Off)
+   - This should be turned on if the shop is using it on a tablet (Ipad)
+
+#### Information
+
+These allow users to turn fields on or off, turning them all off will show the card in the most minimal form
+

client/src/components/production-board-kanban-card/production-board-kanban-card.component.jsx

@@ -210,19 +210,16 @@ const SubletsComponent = ({ metadata, cardSettings }) =>
 const ProductionNoteComponent = ({ metadata, cardSettings, card }) =>
   cardSettings?.production_note && (
     <Col span={24} style={{ margin: "2px 0" }}>
-      {metadata?.production_vars ? (
+      <ProductionListColumnProductionNote
-        <ProductionListColumnProductionNote
+        record={{
-          record={{
+          production_vars: metadata?.production_vars,
-            production_vars: metadata?.production_vars,
+          id: card?.id,
-            id: card?.id,
+          refetch: card?.refetch
-            refetch: card?.refetch
+        }}
-          }}
+      />
-        />
-      ) : (
-        <span>&nbsp;</span>
-      )}
     </Col>
   );
+
 const PartsStatusComponent = ({ metadata, cardSettings }) =>
   cardSettings?.partsstatus && (
     <Col span={24} style={{ textAlign: "center" }}>