feat(aio): filtree updates

aio/src/styles/2-modules/_filetree.scss

@@ -1,24 +1,27 @@
-.filetree {
+aio-filetree {
   background: $offwhite;
   box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .2);
   border: 4px solid $lightgray;
   margin: 0 0 5px 0;
   padding: 10px;
-
-  .file {
-    display: block;
-    font-family: $main-font;
-    line-height: 32px;
-    color: $darkgray;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
 }
 
-  .children {
-    padding-left: 5px;
+aio-folder {
+    padding-left: 24px;
     position: relative;
     overflow: hidden;
+    display: flex;
+    flex-direction: column;
+}
 
-    .file {
+aio-file {
+    display: block;
     position: relative;
+    line-height: 32px;
+    padding-left: 5px;
 
     &:before {
       content: '';
@@ -33,5 +36,3 @@
       border-radius: 0 0 0 3px;
     }
 }
-  }
-}