[Forest][Box] CSS fix.

dist/styles/Login.css

@@ -179,8 +179,19 @@ li:hover a#rename-leaf {
   padding-right: 6px;
 }
 
-.tagDoc {
+.flex {
   display: flex;
 }
 
+.flex-end {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.flex-center {
+  display: flex;
+  flew-wrap: wrap;
+  justify-content: center;
+}
+
 /*# sourceMappingURL=Login.css.map */

dist/styles/Login.sass

@@ -171,5 +171,15 @@ li
   .reload-btn
     padding-right: 6px
 
-.tagDoc
+.flex
   display: flex
+
+.flex-end
+  display: flex
+  justify-content: flex-end
+
+.flex-center
+  display: flex
+  flew-wrap: wrap
+  justify-content: center
+

src/Gargantext/Components/DocsTable.purs

@@ -74,7 +74,7 @@ cat2score Topic    = 3
 cat2score Favorite = 4
 
 -- caroussel :: Category -> R.Element
-caroussel session nodeId setLocalCategories r cat = H.div {className:"tagDoc"} divs
+caroussel session nodeId setLocalCategories r cat = H.div {className:"flex"} divs
   where
     divs = map (\c -> if cat == c
                         then

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

@@ -236,7 +236,8 @@ nodePopupView d p mPop@(Just NodePopup /\ setPopupOpen) = R.createElement el p [
            H.div {className: "row" }
             [
              H.div {className: "col-md-8"} [ renameBox d {id, name, nodeType} renameBoxOpen ]
-            , if edit then editIcon renameBoxOpen else H.div {} []
+            , H.div {className: "flex-end"} [
+             if edit then editIcon renameBoxOpen else H.div {} []
             , H.div {className: "col-md-1"}
               [ H.a { "type" : "button"
                     , className: glyphicon "remove-circle"
@@ -245,6 +246,7 @@ nodePopupView d p mPop@(Just NodePopup /\ setPopupOpen) = R.createElement el p [
               ]
               ]
             ]
+          ]
           where
             editIcon (false /\ setRenameBoxOpen) =
               H.div {className: "col-md-1"}
@@ -267,9 +269,9 @@ nodePopupView d p mPop@(Just NodePopup /\ setPopupOpen) = R.createElement el p [
                          }
                 }
           $ 
-          [H.div {className: "col-md-1"} []]
-          <>
-          (map (buttonClick nodePopupState d) buttons)
+          -- [H.div {className: "col-md-1"} []]
+          -- <>
+          [H.div {className: "flex-center"} (map (buttonClick nodePopupState d) buttons)]
 
         searchPanel id session =
           H.div { className: "panel panel-default"