From 1396850b90ed2dcca3776057ec4a7f2fc7ff297a Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Tue, 24 Jun 2025 09:28:11 -0400
Subject: fixed rotation handle placement when rotated

---
 src/client/views/DocumentDecorations.scss | 4 ++--
 src/client/views/DocumentDecorations.tsx  | 8 +++-----
 2 files changed, 5 insertions(+), 7 deletions(-)

(limited to 'src')

diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss
index 25a806abd..d79826b3c 100644
--- a/src/client/views/DocumentDecorations.scss
+++ b/src/client/views/DocumentDecorations.scss
@@ -13,8 +13,8 @@ $resizeHandler: 8px;
         border-radius: 100%;
         height: 30px;
         width: 30px;
-        right: -40;
-        bottom: -20;
+        right: -40px;
+        bottom: -20px;
         //top: calc(50% - 15px);
         position: absolute;
         pointer-events: all;
diff --git a/src/client/views/DocumentDecorations.tsx b/src/client/views/DocumentDecorations.tsx
index 7a9f6c514..2b7050cf0 100644
--- a/src/client/views/DocumentDecorations.tsx
+++ b/src/client/views/DocumentDecorations.tsx
@@ -906,11 +906,9 @@ export class DocumentDecorations extends ObservableReactComponent<DocumentDecora
                                 <div
                                     style={{
                                         position: 'absolute',
-                                        transform: `rotate(${rotation}deg)`,
-                                        width: this.Bounds.r - this.Bounds.x + 'px',
-                                        height: this.Bounds.b - this.Bounds.y + 'px',
-                                        left: this.Bounds.r,
-                                        top: this.Bounds.b,
+                                        transform: `translate(${bounds.x - this._resizeBorderWidth}px, ${bounds.y - this._resizeBorderWidth}px) rotate(${rotation}deg)`,
+                                        width: bounds.r - bounds.x + 2 * this._resizeBorderWidth + 'px',
+                                        height: bounds.b - bounds.y + 2 * this._resizeBorderWidth + 'px',
                                         pointerEvents: 'none',
                                     }}>
                                     {this._isRotating ? null : (
-- 
cgit v1.2.3-70-g09d2