[bootstrap v4] one more handed fix, also fix table header

src/Gargantext/Components/Table.purs

@@ -72,31 +72,29 @@ tableHeaderLayoutCpt = R.hooksComponentWithModule thisModule "tableHeaderLayout"
           [ H.hr {style: {height: "2px", backgroundColor: "black"}} ]
         ]
       , R2.row
-        [ H.div {className: "jumbotron1", style: {padding: "12px 0px 20px 12px"}}
-          [ H.div {className: "col-md-8 content"}
-            [ H.p {}
-              [ H.span {className: "fa fa-globe"} []
-              , H.text $ " " <> desc
-              ]
-            , H.p {}
-              [ H.span {className: "fa fa-search-plus"} []
-              , H.text $ " " <> query
-              ]
-            , H.p { className: "cache-toggle"
-                  , on: { click: cacheClick cacheState afterCacheStateChange } }
-              [ H.span { className: "fa " <> (cacheToggle cacheState) } []
-              , H.text $ cacheText cacheState
-              ]
+        [ H.div {className: "col-md-8 content"}
+          [ H.p {}
+            [ H.span {className: "fa fa-globe"} []
+            , H.text $ " " <> desc
             ]
-          , H.div {className: "col-md-4 content"}
-            [ H.p {}
-              [ H.span {className: "fa fa-calendar"} []
-              , H.text $ " " <> date
-              ]
-            , H.p {}
-              [ H.span {className: "fa fa-user"} []
-              , H.text $ " " <> user
-              ]
+          , H.p {}
+            [ H.span {className: "fa fa-search-plus"} []
+            , H.text $ " " <> query
+            ]
+          , H.p { className: "cache-toggle"
+                , on: { click: cacheClick cacheState afterCacheStateChange } }
+            [ H.span { className: "fa " <> (cacheToggle cacheState) } []
+            , H.text $ cacheText cacheState
+            ]
+          ]
+        , H.div {className: "col-md-4 content"}
+          [ H.p {}
+            [ H.span {className: "fa fa-calendar"} []
+            , H.text $ " " <> date
+            ]
+          , H.p {}
+            [ H.span {className: "fa fa-user"} []
+            , H.text $ " " <> user
             ]
           ]
         ]

src/Gargantext/Components/TopBar.purs

@@ -30,7 +30,7 @@ topBarCpt = R.hooksComponentWithModule thisModule "topBar" cpt
                      -- https://stackoverflow.com/questions/19733447/bootstrap-navbar-with-left-center-or-right-aligned-items
                      -- In practice: only apply "ml-auto" to the last element of this list, if handed == LeftHanded
                      logo
-                   , H.ul { className: "navbar-nav " <> if fst handed == LeftHanded then "ml-auto" else "" } [
+                   , H.ul { className: "navbar-nav " <> if fst handed == LeftHanded then "ml-auto" else "" } $ sortHanded [
                        divDropdownLeft {} []
                      , handButton handed
                      , smiley
@@ -58,7 +58,7 @@ topBarCpt = R.hooksComponentWithModule thisModule "topBar" cpt
                                       ]
                               -}
 
-            sortHanded = if fst handed == LeftHanded then reverse else reverse -- identity
+            sortHanded = if fst handed == LeftHanded then reverse else identity
             -- SB.searchBar {session, databases: allDatabases}