Fix single/twin folders being center-aligned instead of left-aligned

src/js/components/mixins/entry.js

@@ -13,7 +13,7 @@ export default {
     let rect = React.findDOMNode(this.refs.container).getBoundingClientRect();
     let {x, y, width, height} = rect;
 
-    let left = x + width / 2 - MENU_WIDTH / 2,
+    let left = window.innerWidth / 2 - MENU_WIDTH / 2,
         top  = y + height / 2 + MENU_TOP_SPACE;
 
     let dialogHeight = document.getElementById('fileMenu').offsetHeight;

src/less/components/entries.less

@@ -17,16 +17,12 @@
   i {
     margin-right: 1.4rem;
   }
-
-  &:active {
-    background: @gray;
-  }
 }
 
 .grid .file, .grid .directory {
-  flex: 1 0 30%;
+  flex: 1 0 33.33%;
 
-  max-width: 30%;
+  max-width: 33.33%;
 
   padding: 1.4rem 0.5rem;
 
@@ -60,6 +56,10 @@
   p {
     flex: 1 1;
   }
+
+  &:active {
+    background: @gray;
+  }
 }
 
 .directory i {

src/less/components/file-list.less

@@ -9,8 +9,4 @@
 
   overflow-x: hidden;
   overflow-y: auto;
-
-  &.grid {
-    justify-content: space-between;
-  }
 }