Fix more issues.

Author: jsanthosh-godaddy

README.md

@@ -231,13 +231,6 @@ PropTypes.bool
 
 Defaults to `false`. Setting `isVertical` to `true` will render vertical carousal.
 
-#### verticalArrowPadding
-```
-PropTypes.number
-```
-
-Defaults to `0`. This prop can used to customize the positioning of vertical arrows in case of a vertical carousal.
-
 Tests:
 ----------------
 

src/carousel.less

@@ -77,11 +77,11 @@
   }
 
   .carousel-top-arrow {
-    top: 23px;
+    top: 75px;
   }
 
   .carousel-bottom-arrow {
-    bottom: 23px;
+    bottom: 75px;
   }
 
   .carousel-top-arrow {

src/index.js

@@ -79,8 +79,7 @@ export default class Carousel extends Component {
         selectedSlide: PropTypes.object
       }),
       dir: PropTypes.oneOf(['ltr', 'rtl']),
-      isVertical: PropTypes.bool,
-      verticalArrowPadding: PropTypes.number
+      isVertical: PropTypes.bool
     };
   }
 
@@ -110,8 +109,7 @@ export default class Carousel extends Component {
       easing: 'ease-in-out',
       style: {},
       dir: 'ltr',
-      isVertical: false,
-      verticalArrowPadding: 0
+      isVertical: false
     };
   }
 

src/stories/index.stories.js

@@ -81,7 +81,7 @@ export const verticalNonInfiniteWithCellPaddingWithDefaultArrows = () =>
 
 export const verticalNonInfiniteButtonsWithCellPaddingWithCustomArrows = () =>
     <Carousel height='450px' width='450px' cellPadding={ 5 } infinite={ false } arrows={ false }
-              dots={ false } isVertical={ true } verticalArrowPadding={ 30 } controls={ [{
+              dots={ false } isVertical={ true } controls={ [{
       component: CustomArrows,
       props: { overrideArrowStyle: { border: 'none', background: 'none' }, topArrowImage: <UpArrow/>, bottomArrowImage: <DownArrow/>, arrowDivStyle: { transform: 'translate(-450px, 196px)' } }
     }] }>