Set filters tree right padding
authorMichal Klobukowski <michal.klobukowski@contractors.roche.com>
Mon, 26 Nov 2018 13:54:15 +0000 (14:54 +0100)
committerMichal Klobukowski <michal.klobukowski@contractors.roche.com>
Mon, 26 Nov 2018 13:54:15 +0000 (14:54 +0100)
Feature #14258

Arvados-DCO-1.1-Signed-off-by: Michal Klobukowski <michal.klobukowski@contractors.roche.com>

src/components/data-table-filters/data-table-filters-tree.tsx

index 3615451ebaf433d3a295c33f37e1a9bb5b8e8bf1..b13224badc43d3ba87db688da3e893d50d7ec9fb 100644 (file)
@@ -26,7 +26,8 @@ export class DataTableFiltersTree extends React.Component<DataTableFilterProps>
         const { filters } = this.props;
         const hasSubfilters = countNodes(filters) !== countChildren('')(filters);
         return <TreeComponent
         const { filters } = this.props;
         const hasSubfilters = countNodes(filters) !== countChildren('')(filters);
         return <TreeComponent
-            levelIndentation={hasSubfilters ? undefined : 0}
+            levelIndentation={hasSubfilters ? 20 : 0}
+            itemRightPadding={20}
             items={filtersToTree(filters)}
             render={renderItem}
             showSelection
             items={filtersToTree(filters)}
             render={renderItem}
             showSelection