message: increase dropzone to the left for better handle usability
diff: import { useScopedSelector } from '@edtr-io/core'
  import { StateTypeReturnType } from '@edtr-io/plugin'
  import { getPlugins, isFocused } from '@edtr-io/store'
  +import { styled } from '@edtr-io/ui'
  import * as React from 'react'
  import { RowsRenderer } from '../renderer'
  @@ -9,6 +10,13 @@ import { RowRenderer } from './render'
  import { Separator } from './separator'
  import { RowsConfig, RowsProps, RowsState } from '..'
  +const DropContainer = styled.div({
  + position: 'relative',
  + // increase dropZone
  + marginLeft: '-50px',
  + paddingLeft: '50px'
  +})
  +
  function RowEditor({
  config,
  openMenu,
  @@ -27,7 +35,7 @@ function RowEditor({
  const dropContainer = React.useRef<HTMLDivElement>(null)
  return (
  - <div key={row.id} style={{ position: 'relative' }} ref={dropContainer}>
  + <DropContainer key={row.id} ref={dropContainer}>
  <RowRenderer
  row={row}
  rows={rows}
  @@ -42,7 +50,7 @@ function RowEditor({
  openMenu(index + 1)
  }}
  />
  - </div>
  + </DropContainer>
  )
  }
  