fix(css): react-wooden-tree icon fix

ManageIQ · Apr 7, 2020 · beb3da3 · beb3da3
1 parent 2db4e86
commit beb3da3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -131,7 +131,7 @@
     "react-final-form": "^4.1.0",
     "react-redux": "^5.0.6",
     "react-select": "^2.4.2",
-    "react-wooden-tree": "^2.1.3",
+    "react-wooden-tree": "^2.1.4",
     "redux": "^4.0.0",
     "redux-form-validators": "^2.7.0",
     "redux-mock-store": "^1.5.1"

diff --git a/src/wooden-tree/index.scss b/src/wooden-tree/index.scss
@@ -4,12 +4,15 @@
   }
 
   li :first-child {
-    padding-left: 1em;
     display: inline-block;
   }
 
   i.icon {
+    width: 1em;
     box-sizing: content-box;
+    padding: 2px;
+    padding-right: 1px;
+    margin-right: 4px;
   }
 
   .dirty {

diff --git a/src/wooden-tree/stories/Generator.js b/src/wooden-tree/stories/Generator.js
@@ -73,6 +73,8 @@ export function generator() {
         {
           text: 'Child 2 - Changed background color',
           icon: 'fa fa-circle',
+          iconBackground: 'green',
+          iconColor: 'red',
         },
       ],
     },