From bb69b9fd0d8704134cb54ebe22293ba01899fe2d Mon Sep 17 00:00:00 2001
From: livio <livio.merola@gmail.com>
Date: Mon, 5 Oct 2026 02:50:36 +0200
Subject: [PATCH] Keep compass rose fixed while needle turns

---
 LMEMappeCatastaliApp.csproj | 4 ++--
 wwwroot/css/app.css         | 5 ++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/LMEMappeCatastaliApp.csproj b/LMEMappeCatastaliApp.csproj
index 8aacd6e..8e1c816 100644
--- a/LMEMappeCatastaliApp.csproj
+++ b/LMEMappeCatastaliApp.csproj
@@ -29,8 +29,8 @@
         <ApplicationId>it.liviomerola.lmemappecatastali.pro</ApplicationId>
 
         <!-- Versions -->
-        <ApplicationDisplayVersion>1.0.17</ApplicationDisplayVersion>
-        <ApplicationVersion>117</ApplicationVersion>
+        <ApplicationDisplayVersion>1.0.18</ApplicationDisplayVersion>
+        <ApplicationVersion>118</ApplicationVersion>
         <Version>$(ApplicationDisplayVersion)</Version>
 
         <!-- To develop, package, and publish an app to the Microsoft Store, see: https://aka.ms/MauiTemplateUnpackaged -->
diff --git a/wwwroot/css/app.css b/wwwroot/css/app.css
index 5651f42..e870cfe 100644
--- a/wwwroot/css/app.css
+++ b/wwwroot/css/app.css
@@ -1703,8 +1703,6 @@ label {
 .map-compass-rose {
     position: absolute;
     inset: 0;
-    transform: rotate(var(--compass-rotation));
-    transition: transform 120ms linear;
 }
 
 .map-compass-direction {
@@ -1743,10 +1741,11 @@ label {
     left: 50%;
     width: 4px;
     height: 23px;
-    transform: translateX(-50%);
+    transform: translateX(-50%) rotate(var(--compass-rotation));
     transform-origin: 50% 100%;
     border-radius: 4px 4px 1px 1px;
     background: #ef4444;
+    transition: transform 120ms linear;
 }
 
 .map-compass-needle::after {