From a34073ae0a8e8d1e0afc1cdf1258531c09f674be Mon Sep 17 00:00:00 2001
From: mbliznikova <captainderteufel@gmail.com>
Date: Fri, 2 Feb 2024 23:49:30 +0000
Subject: [PATCH] Restructure the style, incresed the target area of navigation
 arrows

---
 .../presenter/PhotoAlbumPresenter.vue         | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/resources/assets/js/components/presenter/PhotoAlbumPresenter.vue b/resources/assets/js/components/presenter/PhotoAlbumPresenter.vue
index 664e72fb3..bd5e834b0 100644
--- a/resources/assets/js/components/presenter/PhotoAlbumPresenter.vue
+++ b/resources/assets/js/components/presenter/PhotoAlbumPresenter.vue
@@ -188,20 +188,27 @@
 </style>
 
 <style>
+.VueCarousel-navigation-button {
+  top: 0 !important;
+  width: 25%;
+  height: 100%;
+  color: white !important;
+  opacity: 0.0 !important;
+  transform: none !important;
+}
+
+.VueCarousel-navigation-button:hover:not(.VueCarousel-navigation--disabled) {
+  opacity: 0.5 !important;
+}
+
 .VueCarousel-navigation-button {
   &.VueCarousel-navigation-prev {
-	    color: white;
-	    opacity: 0.5;
-		position: relative;
-        left: 30px;
-		bottom: 480px;
+    left: 0;
+    text-align: left;
   }
   &.VueCarousel-navigation-next {
-	    color: white;
-	    opacity: 0.5;
-	    position: relative;
-        left: 615px; 
-		bottom: 480px;
+    right: 0;
+    text-align: right;
   }
 }
 </style>