afx-file-view { position: relative; } afx-file-view afx-label.status{ position: absolute; bottom: 1px; left:0px; transform: translateZ(0); } afx-file-view afx-list-view > div.list-container > ul { display: flex; flex-flow: row wrap; /*justify-content: center;*/ } afx-file-view afx-list-view > div.list-container > ul li afx-label{ height: 100%; } afx-file-view afx-list-view > div.list-container > ul li{ width:80px; max-height: 80px; text-align: center; display: flex; flex-direction: column; justify-content: flex-start; padding: 5px; } afx-file-view afx-list-view i{ display: block; } afx-file-view afx-list-view i.label-text{ word-break: break-word; } afx-file-view afx-list-view afx-label span { flex-direction: column; overflow: hidden; text-overflow: ellipsis; justify-content: flex-start; } afx-file-view afx-grid-view i{ display: inline-block; } afx-file-view afx-tree-view{ margin:0; overflow: hidden; background-color: transparent; padding-left: 5px; } afx-file-view afx-tree-view .afx_tree_item_odd{ background-color: transparent; } afx-file-view afx-tree-view div{ overflow: hidden; white-space: nowrap; background-color: transparent; padding:0; } afx-file-view div.treecontainer{ display: block; overflow: auto; padding:0; margin:0; } afx-file-view afx-tree-view .afx-tree-view-folder-close:before{ font-size: 22px; } afx-file-view afx-tree-view .afx-tree-view-folder-open:before{ font-size: 22px; } afx-file-view afx-tree-view .afx-tree-view-item:before{ font-size: 22px; } afx-file-view afx-grid-view i.file:before{ font-size: 21px; font-style: normal; font-weight: normal; } afx-file-view afx-grid-view i.dir:before{ font-size: 22px; font-style: normal; font-weight: normal; } afx-file-view afx-tree-view li.itemname{ padding-left: 10px; padding-right: 5px; } afx-file-view afx-label.status{ font-size: 13px; height: 24px; display: flex; width: 100%; } afx-file-view afx-label.status span{ white-space: nowrap; width: 100%; text-align: right; } afx-file-view afx-label.status i.label-text { padding-right: 5px; }