Merge branch '17337-files-not-visible-in-arvados'

closes #17337

Arvados-DCO-1.1-Signed-off-by: Daniel Kutyła <daniel.kutyla@contractors.roche.com>

diff --combined src/components/tree/virtual-tree.tsx
index 52867a836cdab2b971ad00198f45f950af51c659,4e4500b7289f5502cad1142e9506ae98a9d6a82d..5eb23ba194dd6bbb27feac0a356bcd9a29641ac5
--- 1/src/components/tree/virtual-tree.tsx
--- 2/src/components/tree/virtual-tree.tsx
+++ b/src/components/tree/virtual-tree.tsx
@@@ -24,18 -24,12 +24,18 @@@ type CssRules = 'list
      | 'iconOpen'
      | 'toggableIcon'
      | 'checkbox'
 +    | 'virtualFileTree'
      | 'virtualizedList';
  
  const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
      list: {
          padding: '3px 0px',
      },
 +    virtualFileTree: {
 +        "&:last-child": {
 +            paddingBottom: 20
 +          }
 +    },
      virtualizedList: {
          height: '200px',
      },
@@@ -90,7 -84,7 +90,7 @@@ export const Row =  <T, _>(itemList: Vi
          const it = itemList[index];
          const level = it.level || 0;
          const { toggleItemActive, disableRipple, currentItemUuid, useRadioButtons } = treeProps;
 -        const { listItem, loader, toggableIconContainer, renderContainer } = classes;
 +        const { listItem, loader, toggableIconContainer, renderContainer, virtualFileTree } = classes;
          const { levelIndentation = 20, itemRightPadding = 20 } = treeProps;
  
          const showSelection = typeof treeProps.showSelection === 'function'
@@@ -136,7 -130,7 +136,7 @@@
                  : undefined;
          };
  
 -        return <div data-cy='virtual-file-tree' style={style}>
 +        return <div className={virtualFileTree} data-cy='virtual-file-tree' style={style}>
              <ListItem button className={listItem}
                  style={{
                      paddingLeft: (level + 1) * levelIndentation,
@@@ -188,7 -182,6 +188,6 @@@ export const VirtualTree = withStyles(s
      class Component<T> extends React.Component<TreeProps<T> & WithStyles<CssRules>, {}> {
          render(): ReactElement<any> {
              const { items, render } = this.props;
- 
              return <AutoSizer>
                  {({ height, width }) => {
                      return VirtualList(height, width, items || [], render, this.props);