Fix bug where file-finder pushed editor up.

For now, I'm removing the flexbox treatment of #app-vertical because the file finder just needs to overlay the bottom and absolute positioning is simpler. I'm also using requireStylesheet to load the file finders CSS instead of a link tag.

static/atom.css

@@ -9,29 +9,14 @@ body {
 }
 
 #app-horizontal {
-  background-image: url(static/images/linen.png);
-  display: -webkit-box;
   min-height: 100%;
-  -webkit-box-orient: horizontal;
+  display: -webkit-flexbox;
+  -webkit-flex-flow: row;
+  background-image: url(static/images/linen.png);
 }
 
 #app-vertical {
-  display: -webkit-box;
-  -webkit-box-flex: 1;
-  -webkit-box-orient: vertical;
-  background-color: red;
-}
-
-#main {
-  position: relative;
-  display: -webkit-box;
-  -webkit-box-flex: 1;
-  -webkit-box-orient: vertical;
-  background-color: yellow;
-}
-
-.pane {
-  display: -webkit-box;
-  background-color: blue;
+  min-height: 100%;
+  width: -webkit-flex(1);
 }
 

static/file-finder.css

@@ -1,14 +1,13 @@
-.file-finder {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
+#app-vertical > .file-finder {
+  position: absolute;
+  width: 100%;
+  bottom: 0;
   background-color: #444;
   color: #eee;
-  width: 100%;
-  max-height: 200px;
+  -webkit-box-shadow: 0 0 5px 5px #222;
 }
 
 .file-finder ol {
-  -webkit-box-flex: 1;
   overflow: hidden;
 }