[ERGO] Tree handed flex start|end fixed

dist/styles/Tree.css

@@ -13,6 +13,12 @@
 .tree .node-actions .update-button.disabled {
   cursor: wait;
 }
+.tree .lefthanded li .leaf {
+  justify-content: flex-end;
+}
+.tree .righthanded li .leaf {
+  justify-content: flex-start;
+}
 
 .progress-pie {
   background: rgba(51, 122, 183, 0.1);

dist/styles/Tree.sass

@@ -9,6 +9,16 @@
         cursor: pointer
       &.disabled
         cursor: wait
+  .lefthanded
+    li 
+      .leaf 
+        justify-content : flex-end
+
+  .righthanded
+    li
+      .leaf
+        justify-content : flex-start
+
 
 // based on https://codeburst.io/how-to-pure-css-pie-charts-w-css-variables-38287aea161e
 .progress-pie

src/Gargantext/Components/Forest/Tree.purs

@@ -133,20 +133,22 @@ loadedTreeView p = R.createElement loadedTreeViewCpt p []
             , session
             , tasks
             , tree
-          } _ = pure $ H.ul { className: "tree " <> if handed == GT.RightHanded
-                                                      then "flex-start"
-                                                      else "flex-end"
-                                                    }
-                             [ toHtml { asyncTasks
-                                      , frontends
-                                      , handed
-                                      , mCurrentRoute
-                                      , openNodes
-                                      , reload
-                                      , session
-                                      , tasks
-                                      , tree
-                                      }
+          } _ = pure $ H.ul { className: "tree"}
+                             [ H.div { className: if handed == GT.RightHanded
+                                                    then "righthanded"
+                                                    else "lefthanded"
+                                     }
+                                     [ toHtml { asyncTasks
+                                              , frontends
+                                              , handed
+                                              , mCurrentRoute
+                                              , openNodes
+                                              , reload
+                                              , session
+                                              , tasks
+                                              , tree
+                                              }
+                                     ]
                              ]
 
 ------------------------------------------------------------------------

src/Gargantext/Components/Forest/Tree/Node.purs

@@ -68,42 +68,43 @@ nodeMainSpan p@{ dispatch, folderOpen, frontends, handed, session } = R.createEl
 
       pure $ H.span (dropProps droppedFile isDragOver)
            $ ordering
-        [ chevronIcon nodeType folderOpen
-        , folderIcon nodeType folderOpen
-        , if showBox then
-            Popover.popover { arrow: false
-                            , open: false
-                            , onClose: \_ -> pure unit
-                            , onOpen: \_ -> pure unit
-                            , ref: popoverRef } [
-                popOverIcon
-              , mNodePopupView props (onPopoverClose popoverRef)
-            ]
-          else H.div {} []
-        , H.a { href: url frontends $ GT.NodePath (sessionId session) nodeType (Just id) }
-              [ nodeText { isSelected: mCurrentRoute == Routes.nodeTypeAppRoute nodeType (sessionId session) id
-                         , name: name' props
-                         } ]
-        , nodeActions { id
-                      , nodeType
-                      , refreshTree: const $ dispatch RefreshTree
-                      , session }
-        , fileTypeView { dispatch, droppedFile, id, isDragOver, nodeType }
-        , H.div {} (map (\t -> asyncProgressBar { asyncTask: t
-                                                , barType: Pie
-                                                , corpusId: id
-                                                , onFinish: const $ onTaskFinish t
-                                                , session 
-                                                }
-                        ) tasks
-                   )
-        , if nodeType == GT.NodeUser
-             then GV.versionView {session}
-             else H.div {} []
-        ]
-          where
-            SettingsBox {show: showBox} = settingsBox nodeType
-            onPopoverClose popoverRef _ = Popover.setOpen popoverRef false
+             [ chevronIcon nodeType folderOpen
+             , folderIcon nodeType folderOpen
+             , if showBox then
+                 Popover.popover { arrow: false
+                                 , open: false
+                                 , onClose: \_ -> pure unit
+                                 , onOpen:  \_ -> pure unit
+                                 , ref: popoverRef } [
+                     popOverIcon
+                   , mNodePopupView props (onPopoverClose popoverRef)
+                 ]
+               else H.div {} []
+             , H.a { href: url frontends $ GT.NodePath (sessionId session) nodeType (Just id) }
+                   [ nodeText { isSelected: mCurrentRoute == Routes.nodeTypeAppRoute nodeType (sessionId session) id
+                              , name: name' props
+                              } ]
+             , nodeActions { id
+                           , nodeType
+                           , refreshTree: const $ dispatch RefreshTree
+                           , session
+                           }
+             , fileTypeView { dispatch, droppedFile, id, isDragOver, nodeType }
+             , H.div {} (map (\t -> asyncProgressBar { asyncTask: t
+                                                     , barType: Pie
+                                                     , corpusId: id
+                                                     , onFinish: const $ onTaskFinish t
+                                                     , session
+                                                     }
+                             ) tasks
+                        )
+             , if nodeType == GT.NodeUser
+                  then GV.versionView {session}
+                  else H.div {} []
+             ]
+               where
+                 SettingsBox {show: showBox} = settingsBox nodeType
+                 onPopoverClose popoverRef _ = Popover.setOpen popoverRef false
 
     name' {name, nodeType} = if nodeType == GT.NodeUser
                                 then show session