From c0d783db525f252885b84ee7cba0e4b01151cbb5 Mon Sep 17 00:00:00 2001
From: scossa <scossa@esiliati.org>
Date: Sun, 18 Aug 2024 23:55:27 +0200
Subject: [PATCH] button css

---
 public/css/map.css                            |  23 ++++++++++--------
 .../{marker-icon13.png => marker-icon18.png}  | Bin 4885 -> 5337 bytes
 public/index.html                             |   3 +--
 public/js/eventHandler.js                     |   2 +-
 4 files changed, 15 insertions(+), 13 deletions(-)
 rename public/img/{marker-icon13.png => marker-icon18.png} (54%)

diff --git a/public/css/map.css b/public/css/map.css
index efa04e9..27ab885 100644
--- a/public/css/map.css
+++ b/public/css/map.css
@@ -2,6 +2,7 @@ body {
     margin: 0px !important;
 }
 
+
 #container {
     display: flexbox;
 }
@@ -10,35 +11,34 @@ body {
 #map {
     height: 100vh;
     width: 100vw;
-    /*cursor: url('https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png'), auto; *//* custom cursore */
-    /*cursor: url("/img/marker-icon13.png"), auto;*/
 }
 
+
 .button-image {
-    width: 5px;  /* Set the desired width */
-    height: auto; /* Maintain aspect ratio */
+    width: 5px; 
+    height: auto; 
 }
 
+
 .leaflet-popup-content>img {
     width: 100%;
     height: 100%;
 }
 
+
 #addMarkerBtn {
-    /* border-radius: 50%; */
     z-index: 1000;
-    background: white;
-    width: 30px;
-    height: 30px;
+    background: rgb(255, 255, 255);
+    width: 40px;
+    height: 38px;
     position: absolute;
     top: 0;
-    /* Place the button 20px from the bottom */
     right: 0;
-    /* Place the button 20px from the right */
     margin-top: 10px;
     margin-right: 10px;
 }
 
+
 #markerFormContainer {
     display: none;
     z-index: 999;
@@ -52,6 +52,7 @@ body {
     background-color: white;
 }
 
+
 #markerForm {
     display: flex;
     flex-direction: column;
@@ -61,10 +62,12 @@ body {
     margin: 20px 10px;
 }
 
+
 #markerForm > button {
     margin-left: auto;
 }
 
+
 #remainingForm {
     display: none;
 }
\ No newline at end of file
diff --git a/public/img/marker-icon13.png b/public/img/marker-icon18.png
similarity index 54%
rename from public/img/marker-icon13.png
rename to public/img/marker-icon18.png
index f65ff641957fb5fb37788b41241eab8e535c0fe8..a192088a9a316fd14637fcdcc6e6f19b34cc26ab 100644
GIT binary patch
delta 2061
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

delta 1576
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
arT+mEx}#Af#Z>bE0000<MNUMnLSTYKqtn6w

diff --git a/public/index.html b/public/index.html
index c7d4522..7f166cb 100644
--- a/public/index.html
+++ b/public/index.html
@@ -45,8 +45,7 @@
     </div>
     <div id="map">
       <script>
-       document.getElementById("addMarkerBtn").innerHTML = '<img src="../img/marker-icon13.png" alt="Button Image" />'; 
-       //<button id="addMarkerBtn">📌</button> <!--// bottone vecchio!-->
+       document.getElementById("addMarkerBtn").innerHTML = '<img src="../img/marker-icon18.png" alt="Button Image" />'; 
       </script>
       </div>
   </body>
diff --git a/public/js/eventHandler.js b/public/js/eventHandler.js
index d0f7c8a..a99e5df 100644
--- a/public/js/eventHandler.js
+++ b/public/js/eventHandler.js
@@ -21,7 +21,7 @@ export function initEvents(map){
         // switch modalità inserimento/visualizzazione
         if (isRedIcon) {
             // imposta un marker come icona pulsante, icona cursore normale e esce dalla modalità inserimento.
-            document.getElementById("addMarkerBtn").innerHTML = '<img src="../img/marker-icon13.png" alt="Button Image" />';
+            document.getElementById("addMarkerBtn").innerHTML = '<img src="../img/marker-icon18.png" alt="Button Image" />';
             document.getElementById('map').style = 'cursor: auto;';
             editMode = false;
             tmpMarkerSet = true;