Vjp/fix tree item alignment (#107)

* Use flex so carat stays aligned with checkbox with large text * Bump to 0.18.2
citizennet · Dec 18, 2019 · 3ca55fc · 3ca55fc
1 parent bf58036
commit 3ca55fc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "purescript-ocelot",
-  "version": "0.18.1",
+  "version": "0.18.2",
   "private": true,
   "scripts": {
     "build-all": "yarn run build-ui && yarn run build-css",

diff --git a/src/Components/Tree/Component.purs b/src/Components/Tree/Component.purs
@@ -100,7 +100,7 @@ component =
         renderRow depth indexPath itemPath ix (Node { selected, expanded, children, value }) = do
           let path = A.cons ix indexPath
           [ HH.div
-            [ css $ "border-b py-2 " <> ("pl-" <> (show (depth * 10))) ]
+            [ css $ "flex border-b py-2 pr-2 " <> ("pl-" <> (show (depth * 10))) ]
             [ renderCarat children expanded path
             , HH.div
               [ css "inline-flex" ]