Change collapsed arrow direction for lists and editor widgets

Author: Doocey

src/components/EditorWidgets/List/ListControl.js

@@ -27,7 +27,7 @@ const TopBar = ({ onAdd, listLabel, onCollapseAllToggle, allItemsCollapsed, item
   <div className="nc-listControl-topBar">
     <div className="nc-listControl-listCollapseToggle">
       <button className="nc-listControl-listCollapseToggleButton" onClick={onCollapseAllToggle}>
-        <Icon type="chevron" direction={allItemsCollapsed ? 'up' : 'down'} size="small" />
+        <Icon type="chevron" direction={allItemsCollapsed ? 'right' : 'down'} size="small" />
       </button>
       {itemsCount} {listLabel}
     </div>

src/components/EditorWidgets/Object/ObjectControl.js

@@ -12,7 +12,7 @@ const TopBar = ({ collapsed, onCollapseToggle }) => (
   <div className="nc-objectControl-topBar">
     <div className="nc-objectControl-objectCollapseToggle">
       <button className="nc-listControl-listCollapseToggleButton" onClick={onCollapseToggle}>
-        <Icon type="chevron" direction={collapsed ? 'up' : 'down'} size="small" />
+        <Icon type="chevron" direction={collapsed ? 'right' : 'down'} size="small" />
       </button>
     </div>
   </div>

src/components/UI/ListItemTopBar/ListItemTopBar.js

@@ -15,7 +15,7 @@ export const ListItemTopBar = ({ collapsed, onCollapseToggle, onRemove, dragHand
       {
         onCollapseToggle
           ? <button className="nc-listItemTopBar-toggleButton" onClick={onCollapseToggle}>
-              <Icon type="chevron" size="small" direction={collapsed ? 'up' : 'down'}/>
+              <Icon type="chevron" size="small" direction={collapsed ? 'right' : 'down'}/>
             </button>
           : null
       }