Place outside arrows further away from slideshow.

antoniandre · antoniandre · commit c4e495f33236 · 2019-12-28T20:25:23.000+11:00
diff --git a/src/components/vueperslides/styles.scss b/src/components/vueperslides/styles.scss
@@ -36,8 +36,8 @@
     &:hover {opacity: 1;}
   }
 
-  &__arrows--outside &__arrow--prev {left: -3em;}
-  &__arrows--outside &__arrow--next {right: -3em;}
+  &__arrows--outside &__arrow--prev {left: -3.5em;}
+  &__arrows--outside &__arrow--next {right: -3.5em;}
 
   &__paused {
     top: 0.7em;

Original file line number	Diff line number	Diff line change
`@@ -36,8 +36,8 @@`
`36`	`36`	`&:hover {opacity: 1;}`
`37`	`37`	`}`
`38`	`38`
`39`		`- &__arrows--outside &__arrow--prev {left: -3em;}`
`40`		`- &__arrows--outside &__arrow--next {right: -3em;}`
	`39`	`+ &__arrows--outside &__arrow--prev {left: -3.5em;}`
	`40`	`+ &__arrows--outside &__arrow--next {right: -3.5em;}`
`41`	`41`
`42`	`42`	`&__paused {`
`43`	`43`	`top: 0.7em;`