minor update on OR/AND bar (bootstrap classes)

src/Gargantext/Components/GraphExplorer/Sidebar/DocList.purs

@@ -258,9 +258,9 @@ docListCpt = here.component "main" cpt where
           R2.when (results == Seq.empty) $
             H.div {}
             [
-              H.ul { className: "flex-row list-group vertical-align-middle" } 
+              H.ul { className: "flex-row list-group justify-content-space-between align-items-center mb-1" } 
               [ H.li {} [ andOrButton { state: buttonState } ]
-              , H.li {} [ H.h6 {} [ H.text "No related documents" ] ]
+              , H.li {} [ H.p { className: "text-bold" } [ H.text "No related documents" ] ]
               , H.li {} [ B.iconButton { name: "search", title: "Search the web", callback: \_ -> webSearch (A.fromFoldable selectedNgramsTerms') goToURL } ]
               , H.li {} [ B.iconButton { name: "wikipedia-w", title: "Search Wikipedia", callback: \_ -> wikipediaSearch (A.fromFoldable selectedNgramsTerms') goToURL } ]
               ]
@@ -275,9 +275,9 @@ docListCpt = here.component "main" cpt where
 
           H.div {}
             [
-              H.ul { className: "flex-row list-group vertical-align-middle" } 
+              H.ul { className: "flex-row list-group justify-content-space-between align-items-center mb-1" } 
               [ H.li {} [ andOrButton { state: buttonState } ]
-              , H.li {} [ H.h6 {} [ H.text $ show (Seq.length results) <> " related documents" ] ]
+              , H.li {} [ H.p { className: "text-bold" } [ H.text $ show (Seq.length results) <> " related documents" ] ]
               , H.li {} [ B.iconButton { name: "search", title: "Search the web", callback: \_ -> webSearch (A.fromFoldable selectedNgramsTerms') goToURL } ]
               , H.li {} [ B.iconButton { name: "wikipedia-w", title: "Search Wikipedia", callback: \_ -> wikipediaSearch (A.fromFoldable selectedNgramsTerms') goToURL } ]
               ]

src/Gargantext/Components/PhyloExplorer/Sidebar/DocList.purs

@@ -245,9 +245,9 @@ docListCpt = here.component "main" cpt where
           R2.when (results == Seq.empty) $
             H.div {}
             [
-              H.ul { className: "flex-row list-group vertical-align-middle" } 
+              H.ul { className: "flex-row list-group justify-content-space-between align-items-center mb-1" } 
               [ H.li {} [ andOrButton { state: buttonState } ]
-              , H.li {} [ H.h6 {} [ H.text "No related documents" ] ]
+              , H.li {} [ H.p { className: "text-bold" } [ H.text "No related documents" ] ]
               , H.li {} [ B.iconButton { name: "search", title: "Search the web", callback: \_ -> webSearch q' goToURL} ]
               , H.li {} [ B.iconButton { name: "wikipedia-w", title: "Search Wikipedia", callback: \_ -> wikipediaSearch q' goToURL} ]
               ]
@@ -261,9 +261,9 @@ docListCpt = here.component "main" cpt where
           R2.when (not $ eq results Seq.empty) $
           H.div {}
           [
-            H.ul { className: "flex-row list-group vertical-align-middle" } 
+            H.ul { className: "flex-row list-group justify-content-space-between align-items-center mb-1" } 
               [ H.li {} [ andOrButton { state: buttonState } ]
-              , H.li {} [ H.h6 {} [ H.text $ show (Seq.length results) <> " related documents" ] ]
+              , H.li {} [ H.p { className: "text-bold" } [ H.text $ show (Seq.length results) <> " related documents" ] ]
               , H.li {} [ B.iconButton { name: "search", title: "Search the web", callback: \_ -> webSearch q' goToURL} ]
               , H.li {} [ B.iconButton { name: "wikipedia-w", title: "Search Wikipedia", callback: \_ -> wikipediaSearch q' goToURL} ]
               ]