- clear stage.

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

client/src/components/production-board-kanban/trello-board/components/Lane/LaneFooter.jsx

@@ -3,7 +3,9 @@ import { LaneFooter } from "../../styles/Base";
 import { CollapseBtn, ExpandBtn } from "../../styles/Elements";
 
 const LaneFooterComponent = ({ onClick, collapsed }) => (
-  <LaneFooter onClick={onClick}>{collapsed ? <ExpandBtn /> : <CollapseBtn />}</LaneFooter>
+  <LaneFooter className="react-trello-footer" onClick={onClick}>
+    {collapsed ? <ExpandBtn /> : <CollapseBtn />}
+  </LaneFooter>
 );
 
 export default LaneFooterComponent;

client/src/components/production-board-kanban/trello-board/controllers/Lane.jsx

@@ -8,7 +8,7 @@ import { Virtuoso, VirtuosoGrid } from "react-virtuoso";
 import HeightPreservingItem from "../components/Lane/HeightPreservingItem.jsx";
 import { Section } from "../styles/Base.js";
 import LaneFooter from "../components/Lane/LaneFooter.jsx";
-import { UnorderedListOutlined } from "@ant-design/icons";
+import { EyeOutlined, EyeInvisibleOutlined } from "@ant-design/icons";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../../../redux/user/user.selectors.js";
 import { selectTechnician } from "../../../../redux/tech/tech.selectors.js";
@@ -262,7 +262,10 @@ const Lane = ({
   return (
     <Section key={id} orientation={orientation}>
       <div onDoubleClick={toggleLaneCollapsed} className="react-trello-column-header">
-        <UnorderedListOutlined className="icon" /> {title}
+        <span className="lane-title">
+          {collapsed ? <EyeInvisibleOutlined className="icon" /> : <EyeOutlined className="icon" />}
+          {title}
+        </span>
       </div>
       {renderDragContainer()}
       <LaneFooter onClick={toggleLaneCollapsed} collapsed={collapsed} />

client/src/components/production-board-kanban/trello-board/styles/Base.js

@@ -5,12 +5,10 @@ const getBoardWrapperStyles = (props) => {
     return ``;
   }
   if (props.orientation === "horizontal") {
-    // TODO: The white-space: nowrap; would be a good place to offer further customization
     return `
           white-space: nowrap;
     `;
   }
-  return "";
 };
 
 const getSectionStyles = (props) => {
@@ -64,7 +62,6 @@ export const StyleHorizontal = styled.div`
   }
 
   .react-trello-column-header {
-    border-radius: 5px;
     min-height: 15px;
     padding: 4px;
     white-space: nowrap;
@@ -90,7 +87,6 @@ export const StyleHorizontal = styled.div`
 
 export const StyleVertical = styled.div`
   .react-trello-column-header {
-    border-radius: 5px;
     min-height: 15px;
     padding: 5px;
     white-space: nowrap;