fix position of the completions boxes (graph search + sharing users), adding shadow

src/Gargantext/Components/Forest/Tree/Node/Action/Share.purs

@@ -95,7 +95,7 @@ shareNodeInnerCpt = here.component "shareNodeInner" cpt
                 [ inputWithAutocomplete' { boxAction: shareAction
                                          , dispatch
                                          , state
-                                         , classes: "d-flex align-items-center"
+                                         , classes: "share-users-completions d-flex align-items-center"
                                          , autocompleteSearch
                                          , onAutocompleteClick
                                          , text 

src/Gargantext/Components/GraphExplorer/Topbar/Search.purs

@@ -64,7 +64,7 @@ nodeSearchControlCpt = here.component "nodeSearchControl" cpt
           { autocompleteSearch: autocompleteSearch graph
           , onAutocompleteClick: doSearch
           , onEnterPress: doSearch
-          , classes: ""
+          , classes: "filter-results-completions"
           , state: search
           , placeholder: "filter and select terms here..."
           }

src/Gargantext/Components/InputWithAutocomplete.purs

@@ -267,7 +267,7 @@ completionsCptCpt = here.component "completionsCpt" cpt
       -- State
       completions' <- T.useLive T.unequal completions
 
-      let className = "completions " <> (if completions' == [] then "d-none" else "")
+      let className = "completions shadow" <> (if completions' == [] then "d-none" else "")
 
       -- Render
       pure $

src/sass/base/_form.scss

@@ -91,7 +91,7 @@
 // Custom autocomplete (need UI/UX rework)
 .input-with-autocomplete {
   .completions {
-    position: fixed;
+    position: absolute;
     max-height: 300px;
     overflow-y: scroll;
     width: 300px;
@@ -107,6 +107,13 @@
       }
     }
   }
+  &.share-users-completions {
+    .completions {
+      top: 37px;
+      max-height: 200px;
+      width: 420px;
+    }
+  }
   .b-icon-button {
     margin-left: 10px;
   }