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

build/main.js

@@ -30889,7 +30889,7 @@ exports['default'] = {
     var width = rect.width;
     var height = rect.height;
 
-    var left = x + width / 2 - _componentsMenu.MENU_WIDTH / 2,
+    var left = window.innerWidth / 2 - _componentsMenu.MENU_WIDTH / 2,
         top = y + height / 2 + MENU_TOP_SPACE;
 
     var dialogHeight = document.getElementById('fileMenu').offsetHeight;

build/style.css

@@ -280,14 +280,10 @@ button.coming-soon::after {
 .list .directory i {
   margin-right: 1.4rem;
 }
-.list .file:active,
-.list .directory:active {
-  background: #f0f0f0;
-}
 .grid .file,
 .grid .directory {
-  flex: 1 0 30%;
-  max-width: 30%;
+  flex: 1 0 33.33%;
+  max-width: 33.33%;
   padding: 1.4rem 0.5rem;
   flex-direction: column;
 }
@@ -317,6 +313,10 @@ button.coming-soon::after {
 .directory p {
   flex: 1 1;
 }
+.file:active,
+.directory:active {
+  background: #f0f0f0;
+}
 .directory i {
   display: block;
   background: url(/img/Directory.svg) no-repeat;
@@ -508,9 +508,6 @@ nav i {
   overflow-x: hidden;
   overflow-y: auto;
 }
-.file-list.grid {
-  justify-content: space-between;
-}
 .dialog {
   display: flex;
   flex-flow: column;

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;
-  }
 }