[bootstrap v4] ngrams table work

src/Gargantext/Components/NgramsTable/Components.purs

@@ -38,17 +38,21 @@ searchInputCpt :: R.Component SearchInputProps
 searchInputCpt = R.hooksComponentWithModule thisModule "searchInput" cpt
   where
     cpt { onSearch, searchQuery } _ = 
-      pure $ H.div { className: "input-group" }
-           [ searchButton
-           , fieldInput
-           ]
+      pure $ R2.row [
+        H.div { className: "col-12" } [
+          H.div { className: "input-group" } [
+            searchButton
+            , fieldInput
+            ]
+          ]
+        ]
         where
           searchButton = 
-            H.div { className: "input-group-addon" }
+            H.div { className: "input-group-prepend" }
                   [
                    if searchQuery /= ""
                        then removeButton
-                       else H.span { className: "fa fa-search" } []
+                       else H.span { className: "fa fa-search input-group-text" } []
                   ]
           removeButton =
             H.button { className: "btn btn-danger"

src/Gargantext/Components/Nodes/Lists/Tabs.purs

@@ -155,7 +155,7 @@ ngramsViewCpt = R.hooksComponentWithModule thisModule "ngramsView" cpt
 
         charts params CTabTerms (chartType /\ setChartType) _ = [
           H.div {className: "row"}
-                [ H.div {className: "col-md-offset-5 col-md-6 content"}
+                [ H.div {className: "col-6 ml-auto mr-auto"}
                   [ H.img { src: "images/Gargantextuel-212x300.jpg"
                           , id: "funnyimg"
                         }

src/Gargantext/Components/Table.purs

@@ -168,9 +168,11 @@ defaultContainer {title} props = R.fragment $ props.syncResetButton <> controls
                  , H.div {className: "col-md-4"} [ props.paginationLinks ]
                  , H.div {className: "col-md-4"} [ props.pageSizeControl ]
                  ]
-               , H.table {className: "table"}
-                 [ H.thead {className: "thead-dark"} [ props.tableHead ]
-                 , H.tbody {} props.tableBody
+               , R2.row [
+                   H.table {className: "col-md-12 table"}
+                   [ H.thead {className: "thead-dark"} [ props.tableHead ]
+                   , H.tbody {} props.tableBody
+                   ]
                  ]
                ]
 

src/Gargantext/Utils/Reactix.purs

@@ -203,7 +203,7 @@ appendChildToParentId ps c = delay unit $ \_ -> do
     Just el -> appendChild el c
 
 effectLink :: Effect Unit -> String -> R.Element
-effectLink eff msg = H.a {on: {click: const eff}} [H.text msg]
+effectLink eff msg = H.a { on: {click: const eff} } [H.text msg]
 
 useCache :: forall i o. Eq i => i -> (i -> R.Hooks o) -> R.Hooks o
 useCache i f = do