From 988f4743d9a05bbf7c002ff3abf87b801107190c Mon Sep 17 00:00:00 2001
From: AfonsoMartins26 <afonsopm2005@gmail.com>
Date: Tue, 6 Aug 2024 18:45:11 +0100
Subject: [PATCH] chages done

---
 components/Marker/style.module.css | 20 +++++++++++++-------
 styles/globals.css                 |  4 ++--
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/components/Marker/style.module.css b/components/Marker/style.module.css
index c9da0cd..5c0e9f8 100644
--- a/components/Marker/style.module.css
+++ b/components/Marker/style.module.css
@@ -1,6 +1,6 @@
 .image {
   object-fit: cover;
-  border-radius: 15px;
+  border-radius: 10px;
 }
 
 .textOverlay {
@@ -8,23 +8,29 @@
   bottom: 0;
   left: 0;
   right: 0;
+  z-index: 2;
   padding: 20px;
   background: linear-gradient(
-    0deg,
+    360deg,
     rgba(0, 0, 0, 0.7) 0%,
-    rgba(0, 0, 0, 0) 100%
+    rgba(255, 255, 255, 0) 55%
   );
+  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
+  font-weight: 500;
+  font-family: Inter, sans-serif;
+  line-height: 1.6;
   color: white;
-  border-bottom-left-radius: 15px;
-  border-bottom-right-radius: 15px;
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
 }
 
 .title {
   margin: 0 0 10px;
-  font-size: 18px;
+  font-size: 25px;
+  line-height: 1.2;
 }
 
 .light {
   font-size: 14px;
-  opacity: 0.8;
+  opacity: 1;
 }
diff --git a/styles/globals.css b/styles/globals.css
index 1ebaebe..43603f5 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -60,8 +60,8 @@ body {
 
 @media (max-width: 500px) {
   .leaflet-popup-content {
-    width: 201px !important;
-    height: 350px !important;
+    width: 391px !important;
+    height: 550px !important;
     margin: 0 !important;
     padding: 0 !important;
   }