From fe205e756d1e7d049b9f8d0159959f45029fd21c Mon Sep 17 00:00:00 2001
From: Kondziow <konradwojtanowski02@gmail.com>
Date: Wed, 28 Aug 2024 10:20:26 +0200
Subject: [PATCH 1/2] feat: center button with css

---
 src/app/shared/map/map.component.css  | 19 ++++++++++++++++++-
 src/app/shared/map/map.component.html |  4 ++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/app/shared/map/map.component.css b/src/app/shared/map/map.component.css
index 139597f..bd94222 100644
--- a/src/app/shared/map/map.component.css
+++ b/src/app/shared/map/map.component.css
@@ -1,2 +1,19 @@
+.center-button {
+  position: absolute;
+  top: 60px;
+  right: 10px;
+  background-color: white;
+  color: dimgrey;
+  border: none;
+  border-radius: 2px;
+  cursor: pointer;
+  z-index: 100;
+  font-size: 30px;
+  text-align: center;
+  width: 40px;
+  height: 40px;
+}
 
-
+.center-button:hover {
+  color: black;
+}
diff --git a/src/app/shared/map/map.component.html b/src/app/shared/map/map.component.html
index cef2571..3eaef4c 100644
--- a/src/app/shared/map/map.component.html
+++ b/src/app/shared/map/map.component.html
@@ -28,5 +28,9 @@
 </div>
 -->
 
+<button (click)="focusOnCurrentLocation()" class="center-button">
+  ⚙
+</button>
+
 
 

From 5f3984ecae4253d4b36cc9a0ba964ac5d6a90f88 Mon Sep 17 00:00:00 2001
From: Kondziow <konradwojtanowski02@gmail.com>
Date: Wed, 28 Aug 2024 10:23:08 +0200
Subject: [PATCH 2/2] chore: css upgrade

---
 src/app/shared/map/map.component.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/shared/map/map.component.css b/src/app/shared/map/map.component.css
index bd94222..7576c1e 100644
--- a/src/app/shared/map/map.component.css
+++ b/src/app/shared/map/map.component.css
@@ -2,16 +2,18 @@
   position: absolute;
   top: 60px;
   right: 10px;
+  width: 40px;
+  height: 40px;
+
   background-color: white;
   color: dimgrey;
   border: none;
   border-radius: 2px;
-  cursor: pointer;
-  z-index: 100;
+
   font-size: 30px;
   text-align: center;
-  width: 40px;
-  height: 40px;
+
+  cursor: pointer;
 }
 
 .center-button:hover {