Change pataje icon direction and position

components/teks/pataje.js

@@ -69,7 +69,7 @@ export default function Pataje({teks, setError, setSuccess}) {
         ariaLabel='Patajé'
         icon={<SpeedDialIcon icon={<ShareIcon />} />}
         open={open}
-        direction='right'
+        direction='down'
         onClose={handleClose}
         onOpen={handleOpen}
       >
@@ -77,7 +77,7 @@ export default function Pataje({teks, setError, setSuccess}) {
           <SpeedDialAction
             key={action.name}
             icon={action.icon}
-            tooltipPlacement='bottom'
+            tooltipPlacement='right'
             tooltipTitle={action.name}
             onClick={() => handleClick(action.code)}
           />

components/teks/teks-drawer.js

@@ -106,11 +106,13 @@ const useStyles = makeStyles(theme => ({
     }
   },
   pataje: {
-    position: 'absolute',
+    position: 'fixed',
-    top: '140px',
+    top: '85px',
-    left: '10px',
+    left: '110px',
+    zIndex: 999,
     [theme.breakpoints.up('sm')]: {
-      left: '275px'
+      top: '88px',
+      left: '340px'
     }
   }
 }))