From bf0aede176a5373a47f7254ce7f3c75f27bed28c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alexandre=20Delano=C3=AB?= <devel+git@delanoe.org>
Date: Wed, 26 Aug 2020 12:30:53 +0200
Subject: [PATCH] [DOC] tips on buttons

---
 src/Gargantext/Components/App.purs    | 19 +++++++++----------
 src/Gargantext/Components/Forest.purs |  3 ++-
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/Gargantext/Components/App.purs b/src/Gargantext/Components/App.purs
index 68b6cddf..68c5dc1f 100644
--- a/src/Gargantext/Components/App.purs
+++ b/src/Gargantext/Components/App.purs
@@ -170,12 +170,10 @@ 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 }]
+                    ]
             ]
           ]
         ]
@@ -199,7 +197,7 @@ handedChooserCpt = R.hooksComponent "G.C.A.handedChooser" cpt
           ]
         ]
 
-    handedClass (GT.LeftHanded /\ _) = "fa fa-hand-o-left"
+    handedClass (GT.LeftHanded  /\ _) = "fa fa-hand-o-left"
     handedClass (GT.RightHanded /\ _) = "fa fa-hand-o-right"
 
     onClick (_ /\ setHanded) = setHanded $ \h -> case h of
@@ -209,11 +207,12 @@ 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"
-    title = "Back to home."
+    src       = "images/logoSmall.png"
+    title     = "Back to home."
 
 divDropdownLeft :: R.Element
 divDropdownLeft =
diff --git a/src/Gargantext/Components/Forest.purs b/src/Gargantext/Components/Forest.purs
index 51c6f8d1..ffdb9398 100644
--- a/src/Gargantext/Components/Forest.purs
+++ b/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": ""
-- 
2.21.0