[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,9 +133,10 @@ loadedTreeView p = R.createElement loadedTreeViewCpt p []
             , session
             , tasks
             , tree
-          } _ = pure $ H.ul { className: "tree " <> if handed == GT.RightHanded
-                                                      then "flex-start"
-                                                      else "flex-end"
+          } _ = pure $ H.ul { className: "tree"}
+                             [ H.div { className: if handed == GT.RightHanded
+                                                    then "righthanded"
+                                                    else "lefthanded"
                                      }
                                      [ toHtml { asyncTasks
                                               , frontends
@@ -148,6 +149,7 @@ loadedTreeView p = R.createElement loadedTreeViewCpt p []
                                               , tree
                                               }
                                      ]
+                             ]
 
 ------------------------------------------------------------------------
 

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

@@ -87,7 +87,8 @@ nodeMainSpan p@{ dispatch, folderOpen, frontends, handed, session } = R.createEl
              , nodeActions { id
                            , nodeType
                            , refreshTree: const $ dispatch RefreshTree
-                      , session }
+                           , session
+                           }
              , fileTypeView { dispatch, droppedFile, id, isDragOver, nodeType }
              , H.div {} (map (\t -> asyncProgressBar { asyncTask: t
                                                      , barType: Pie