[Graph] Sidebar (added checkboxes)

dist/styles/Graph.css

@@ -22,5 +22,9 @@
   borderBottom: 1px solid black;
   paddingBottom: 19px;
 }
+#graph-explorer #sp-container #horizontal-checkbox ul {
+  display: inline;
+  float: left;
+}
 
 /*# sourceMappingURL=Graph.css.map */

dist/styles/Graph.sass

@@ -21,3 +21,8 @@
     #myTabContent
       borderBottom: 1px solid black
       paddingBottom : 19px
+
+    #horizontal-checkbox
+      ul
+        display: inline
+        float : left

src/Gargantext/Components/GraphExplorer/Sidebar.purs

@@ -24,7 +24,7 @@ sidebarCpt = R.hooksComponent "Sidebar" cpt
         RH.div { id: "sp-container"
                , className: "col-md-2" }
         [
-          RH.div {id: "sp-container"}
+          RH.div {}
           [
             RH.div { className: "row" }
             [
@@ -64,6 +64,45 @@ sidebarCpt = R.hooksComponent "Sidebar" cpt
                   ]
                 ]
               ]
+            , RH.div { className: "col-md-12"
+                     , id: "horizontal-checkbox" }
+              [
+                RH.ul {}
+                [
+                  RH.li {}
+                  [
+                    RH.span {} [ RH.text "Pubs" ]
+                  , RH.input { type: "checkbox"
+                             , className: "checkbox"
+                             , checked: true
+                             , title: "Mark as completed" }
+                  ]
+                , RH.li {}
+                  [
+                    RH.span {} [ RH.text "Projects" ]
+                  , RH.input { type: "checkbox"
+                             , className: "checkbox"
+                             , checked: true
+                             , title: "Mark as completed" }
+                  ]
+                , RH.li {}
+                  [
+                    RH.span {} [ RH.text "Patents" ]
+                  , RH.input { type: "checkbox"
+                             , className: "checkbox"
+                             , checked: true
+                             , title: "Mark as completed" }
+                  ]
+                , RH.li {}
+                  [
+                    RH.span {} [ RH.text "Others" ]
+                  , RH.input { type: "checkbox"
+                             , className: "checkbox"
+                             , checked: true
+                             , title: "Mark as completed" }
+                  ]
+                ]
+              ]
             ]
           ]
         ]