fix file.create: fix creating files and directories

fix files.list: fix single files showing in the middle of screen instead of top
feat files.style: introduce file hover color (feedback on touch)

src/js/dialogs.js

@@ -16,7 +16,7 @@ export default {
           let input = React.findDOMNode(this.refs.input);
 
           let cwd = store.getState().get('cwd');
-          let action = create(cwd + input.value);
+          let action = create(cwd + '/' + input.value);
           this.props.dispatch(action);
           this.props.dispatch(hideAll());
           this.props.dispatch(active());
@@ -28,7 +28,7 @@ export default {
           let input = React.findDOMNode(this.refs.input);
 
           let cwd = store.getState().get('cwd');
-          let action = create(cwd + input.value, true);
+          let action = create(cwd + '/' + input.value, true);
           this.props.dispatch(action);
           this.props.dispatch(hideAll());
           this.props.dispatch(active());

src/less/components/entries.less

@@ -17,6 +17,10 @@
   i {
     margin-right: 1.4rem;
   }
+
+  &:active {
+    background: @gray;
+  }
 }
 
 .grid .file, .grid .directory {

src/less/components/file-list.less

@@ -2,11 +2,15 @@
   display: flex;
   flex-flow: row wrap;
 
-  justify-content: space-around;
   align-content: flex-start;
+  align-items: flex-start;
 
   height: ~'calc(100vh - 14.5rem)';
 
   overflow-x: hidden;
   overflow-y: auto;
+
+  &.grid {
+    justify-content: space-around;
+  }
 }

src/less/components/menu.less

@@ -45,5 +45,9 @@
 
       pointer-events: none;
     }
+
+    &:active {
+      background: @gray;
+    }
   }
 }

src/manifest.webapp

@@ -41,9 +41,6 @@
     "pick": {
       "href": "./index.html",
       "disposition": "inline",
-      "filters": {
-        "type": "*"
-      },
       "returnValue": true
     }
   }