From c2053781ced9115486902c10bd30abd46a277a42 Mon Sep 17 00:00:00 2001
From: MiraGeowerktstatt <mira.bleuler@geowerkstatt.ch>
Date: Fri, 29 Jul 2022 11:56:37 +0200
Subject: [PATCH] Allow selection on whole map

---
 src/ClientApp/src/components/ZoomToLatestControl.js | 2 +-
 src/ClientApp/src/custom.css                        | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/ClientApp/src/components/ZoomToLatestControl.js b/src/ClientApp/src/components/ZoomToLatestControl.js
index 4b58db1..0645a1f 100644
--- a/src/ClientApp/src/components/ZoomToLatestControl.js
+++ b/src/ClientApp/src/components/ZoomToLatestControl.js
@@ -16,7 +16,7 @@ export class ZoomToLatest extends Control {
     button.setAttribute("title", "Extent aktuelle Suche");
 
     const element = document.createElement("div");
-    element.className = "ol-unselectable ol-control";
+    element.className = "ol-unselectable ol-control ol-zoom-to-latest";
     element.appendChild(button);
 
     super({
diff --git a/src/ClientApp/src/custom.css b/src/ClientApp/src/custom.css
index 19ce59e..6dc3df1 100644
--- a/src/ClientApp/src/custom.css
+++ b/src/ClientApp/src/custom.css
@@ -14,6 +14,7 @@
   position: sticky;
   padding-left: 10px;
   background-color: transparent;
+  width: 10px;
 }
 
 .ol-control button {
@@ -24,6 +25,10 @@
   background-color: transparent;
 }
 
+.ol-zoom-to-latest {
+  left: 0.5em;
+}
+
 .MuiSvgIcon-root {
   width: 10px;
 }