From 424ce56ac682857ba522e826d880fb09ec04a37d Mon Sep 17 00:00:00 2001
From: Martin Quarda <martin@quarda.cz>
Date: Thu, 9 May 2024 11:11:26 +0200
Subject: [PATCH] better close button

---
 frontend/src/scripts/index.js  | 6 +++---
 frontend/src/styles/index.scss | 8 +++++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/scripts/index.js b/frontend/src/scripts/index.js
index 17a70f2..c5b85e2 100644
--- a/frontend/src/scripts/index.js
+++ b/frontend/src/scripts/index.js
@@ -4,7 +4,7 @@ import React, { Component } from 'react';
 import { render } from "react-dom";
 
 import Gallery from "react-photo-gallery";
-import Carousel, { Modal, ModalGateway } from "react-images";
+import { Modal, ModalGateway } from "react-images";
 import ImageGallery from "react-image-gallery";
 
 
@@ -69,8 +69,8 @@ class Main extends Component {
         this.setState({faq: !this.state.faq});
     }
     renderCloseButton(){
-        return <button onClick={(e) => {this.closePhoto()}}>
-            <svg xmlns="http://www.w3.org/2000/svg" width="92" height="92" id="cross"><path d="M70.7 64.3c1.8 1.8 1.8 4.6 0 6.4-.9.9-2 1.3-3.2 1.3-1.2 0-2.3-.4-3.2-1.3L46 52.4 27.7 70.7c-.9.9-2 1.3-3.2 1.3s-2.3-.4-3.2-1.3c-1.8-1.8-1.8-4.6 0-6.4L39.6 46 21.3 27.7c-1.8-1.8-1.8-4.6 0-6.4 1.8-1.8 4.6-1.8 6.4 0L46 39.6l18.3-18.3c1.8-1.8 4.6-1.8 6.4 0 1.8 1.8 1.8 4.6 0 6.4L52.4 46l18.3 18.3z"></path></svg>
+        return <button class="image-gallery-close image-gallery-icon" onClick={(e) => {this.closePhoto()}}>
+            <svg xmlns="http://www.w3.org/2000/svg" width="92" height="92" id="cross"><path fill="white" d="M70.7 64.3c1.8 1.8 1.8 4.6 0 6.4-.9.9-2 1.3-3.2 1.3-1.2 0-2.3-.4-3.2-1.3L46 52.4 27.7 70.7c-.9.9-2 1.3-3.2 1.3s-2.3-.4-3.2-1.3c-1.8-1.8-1.8-4.6 0-6.4L39.6 46 21.3 27.7c-1.8-1.8-1.8-4.6 0-6.4 1.8-1.8 4.6-1.8 6.4 0L46 39.6l18.3-18.3c1.8-1.8 4.6-1.8 6.4 0 1.8 1.8 1.8 4.6 0 6.4L52.4 46l18.3 18.3z"></path></svg>
         </button>
     }
     render(){
diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
index 0da5067..784ebf3 100644
--- a/frontend/src/styles/index.scss
+++ b/frontend/src/styles/index.scss
@@ -82,4 +82,10 @@ form.container{
   position:fixed;
   overflow-y:scroll;
   overflow-x:hidden;
-}
\ No newline at end of file
+}
+
+.image-gallery-close {
+  top:0;
+  right:0;
+  position: absolute;
+}