[Graph] some styling fixes

dist/styles/Graph.css

@@ -15,7 +15,7 @@
 }
 #graph-explorer .graph-tree {
   position: absolute;
-  top: 120px;
+  top: 150px;
   max-height: 600px;
   overflow-y: scroll;
   z-index: 1;
@@ -25,13 +25,13 @@
 }
 #graph-explorer #sp-container {
   position: absolute;
-  left: 70%;
   top: 150px;
+  max-height: 600px;
+  overflow-y: scroll;
   z-index: 1;
+  left: 70%;
   border: 1px white solid;
   background-color: white;
-  max-height: 600px;
-  overflow-y: scroll;
 }
 #graph-explorer #sp-container #myTab {
   marginBottom: 18px;

dist/styles/Graph.sass

+@mixin sidePanelCommon
+  position: absolute
+  top: 150px
+  max-height: 600px
+  overflow-y: scroll
+  z-index: 1
+
 #graph-explorer
   #toolbar
     display: flex
@@ -14,24 +21,16 @@
     height: 79px
 
   .graph-tree
-    position: absolute
-    top: 120px
-    max-height: 600px
-    overflow-y: scroll
-    z-index: 1
+    @include sidePanelCommon
 
   #graph-view
     height: 95%
 
   #sp-container
-    position: absolute
+    @include sidePanelCommon
     left: 70%
-    top: 150px
-    z-index: 1
     border: 1px white solid
     background-color: white
-    max-height: 600px
-    overflow-y: scroll
 
     #myTab
       marginBottom: 18px

dist/styles/Login.css

@@ -204,7 +204,7 @@ li:hover a#rename-leaf {
   justify-content: center;
 }
 
-.flex-center {
+.flex-space-between, .flex-center {
   display: flex;
   justify-content: space-between;
 }

dist/styles/Login.sass

@@ -188,8 +188,7 @@ li
   flew-wrap: wrap
   justify-content: center
 
-.flex-space-between
-.flex-center
+.flex-space-between,.flex-center
   display: flex
   justify-content: space-between
 

package.json

@@ -49,7 +49,7 @@
         "purescript": "^0.13.5",
         "purs-loader": "^3.3.0",
         "react-testing-library": "^6.1.2",
-        "sass": "^1.22.9",
+        "sass": "^1.23.7",
         "source-map-loader": "^0.2.4",
         "spago": "^0.10.0",
         "style-loader": "^0.23.1",

src/Gargantext/Components/GraphExplorer.purs

@@ -11,8 +11,6 @@ import Data.Nullable (null, Nullable)
 import Data.Sequence as Seq
 import Data.Set as Set
 import Data.Tuple (fst, snd, Tuple(..))
-import Data.Tuple.Nested ((/\))
-import DOM.Simple.Console (log2)
 import DOM.Simple.Types (Element)
 import Effect.Aff (Aff)
 import Math (log)

src/Gargantext/Components/GraphExplorer/Sidebar.purs

@@ -42,7 +42,7 @@ sidebarCpt = R.hooksComponent "Sidebar" cpt
       let nodesMap = SigmaxTypes.nodesGraphMap props.graph
 
       pure $
-        RH.div { id: "sp-container", className: "col-md-2" }
+        RH.div { id: "sp-container", className: "col-md-3" }
         [ RH.div {}
           [ RH.div { className: "row" }
             [ RH.div { className: "col-md-12" }

yarn.lock

@@ -5613,10 +5613,10 @@ sander@^0.5.0:
     mkdirp "^0.5.1"
     rimraf "^2.5.2"
 
-sass@^1.22.9:
-  version "1.22.9"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.22.9.tgz#41a2ed6038027f58be2bd5041293452a29c2cb84"
-  integrity sha512-FzU1X2V8DlnqabrL4u7OBwD2vcOzNMongEJEx3xMEhWY/v26FFR3aG0hyeu2T965sfR0E9ufJwmG+Qjz78vFPQ==
+sass@^1.23.7:
+  version "1.23.7"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.23.7.tgz#090254e006af1219d442f1bff31e139d5e085dff"
+  integrity sha512-cYgc0fanwIpi0rXisGxl+/wadVQ/HX3RhpdRcjLdj2o2ye/sxUTpAxIhbmJy3PLQgRFbf6Pn8Jsrta2vdXcoOQ==
   dependencies:
     chokidar ">=2.0.0 <4.0.0"