From d2c6be0587a810fcb210686d25ea10e74d7f2aff Mon Sep 17 00:00:00 2001
From: Alberto Marengo <albertomarengo@yahoo.com>
Date: Thu, 26 Jul 2018 12:10:59 +0200
Subject: [PATCH 1/2] cursor pointer fix

---
 src/file-input/styleable-element.jsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/file-input/styleable-element.jsx b/src/file-input/styleable-element.jsx
index 8ad22c2..6790375 100644
--- a/src/file-input/styleable-element.jsx
+++ b/src/file-input/styleable-element.jsx
@@ -1,21 +1,20 @@
 import React from 'react'
 
 const containerStyle = {
-    display: 'inline-block',
-    position: 'relative'
+  position: 'relative',
+  overflow: 'hidden',
+  direction: 'ltr',
 }
 
 const inputStyle = {
-    bottom: 0,
     height: '100%',
-    left: 0,
     margin: 0,
     opacity: 0,
     padding: 0,
     position: 'absolute',
     right: 0,
     top: 0,
-    width: '100%'
+    height: '100%'
 }
 
 const StyleableFileInput = ({ children, className, onChange, ...params }) => (

From 58a8f240465871de90f0d080eb68923f77cf6724 Mon Sep 17 00:00:00 2001
From: Alberto Marengo <albertomarengo@yahoo.com>
Date: Thu, 26 Jul 2018 14:54:41 +0200
Subject: [PATCH 2/2] cursor pointer fix

---
 src/file-input/styleable-element.jsx | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/file-input/styleable-element.jsx b/src/file-input/styleable-element.jsx
index 6790375..3ae776a 100644
--- a/src/file-input/styleable-element.jsx
+++ b/src/file-input/styleable-element.jsx
@@ -1,9 +1,9 @@
 import React from 'react'
 
 const containerStyle = {
-  position: 'relative',
-  overflow: 'hidden',
-  direction: 'ltr',
+    position: 'relative',
+    overflow: 'hidden',
+    direction: 'ltr',
 }
 
 const inputStyle = {
@@ -13,20 +13,19 @@ const inputStyle = {
     padding: 0,
     position: 'absolute',
     right: 0,
-    top: 0,
-    height: '100%'
+    top: 0
 }
 
 const StyleableFileInput = ({ children, className, onChange, ...params }) => (
-    <div className={ `react-fine-uploader-file-input-container ${className || ''}` } 
-         style={ containerStyle }
+    <div className={`react-fine-uploader-file-input-container ${className || ''}`}
+        style={containerStyle}
     >
-        { children }
-        <input { ...params }
-               className='react-fine-uploader-file-input'
-               onChange={ onChange }
-               style={ inputStyle }
-               type='file'
+        {children}
+        <input {...params}
+            className='react-fine-uploader-file-input'
+            onChange={onChange}
+            style={inputStyle}
+            type='file'
         />
     </div>
 )