[DOC] tips on buttons

src/Gargantext/Components/App.purs

@@ -170,11 +170,9 @@ topBarCpt = R.hooksComponent "G.C.A.topBar" cpt
         [ H.div { className: "container-fluid" }
           [ H.div { className: "navbar-inner" }
             [ logo
-            , H.div { className: "collapse navbar-collapse" } [
-                H.ul { className: "nav navbar-nav" } [
-                  divDropdownLeft
-                , handedChooser { handed }
-                ]
+            , H.div { className: "collapse navbar-collapse" }
+                    [ H.ul { className: "nav navbar-nav" } [divDropdownLeft]
+                    , H.ul { title: "If you are Left Handed you can change the interface by clicking on me. Click again to come back to previous state.", className: "nav navbar-nav" } [handedChooser { handed }]
                     ]
             ]
           ]
@@ -209,7 +207,8 @@ handedChooserCpt = R.hooksComponent "G.C.A.handedChooser" cpt
 logo :: R.Element
 logo =
   H.a { className, href: "#/" }
-  [ H.img { src, title, width: "30", height: "28" } ]
+  [ H.img { src, title, width: "30", height: "28" }
+  ]
   where
     className = "navbar-brand logoSmall"
     src       = "images/logoSmall.png"

src/Gargantext/Components/Forest.purs

@@ -68,7 +68,8 @@ plus handed showLogin = H.div {className: if handed == RightHanded
                                              then "flex-start"  -- TODO we should use lefthanded SASS class here
                                              else "flex-end"
                               } [
-  H.button { on: {click}
+  H.button { title: "Add or remove connections to the server(s)."
+           , on: {click}
            , className: "btn btn-default"
            }
           [ H.div { "type": ""