From 3e01920db4965f22bd82a76bb7e7f794a76ff5c4 Mon Sep 17 00:00:00 2001
From: robin <binkrassdufass@gmail.com>
Date: Fri, 8 Sep 2023 15:04:56 +0000
Subject: [PATCH] test

---
 .../src/lib/components/widgets/iconCycleCircle.svelte     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/widgets/iconCycleCircle.svelte b/frontend/src/lib/components/widgets/iconCycleCircle.svelte
index f339fd1..b339f50 100644
--- a/frontend/src/lib/components/widgets/iconCycleCircle.svelte
+++ b/frontend/src/lib/components/widgets/iconCycleCircle.svelte
@@ -7,7 +7,7 @@
 
     let count = col.iconCycleCircle.boxes.length // The number of surrounding circles.
     let angleStep = 360 / count
-    let radius = 360
+    let radius = 300
 
     let circles = []
 
@@ -46,7 +46,7 @@
                     <div class="number" style="transform: rotate(calc( -1 * {rotation}deg - 90deg ))">{i + 1}</div>
                 </div>
 
-                <div class="content" style="transform: translate(calc({x}px / 20) , calc({y}px / 20))">
+                <div class="content" style="">
                     <div class="icon">
                         <svg
                             id="mySvgObject{i}"
@@ -61,8 +61,8 @@
             </div>
             <div
                 class="arrow"
-                style="transform: translate(calc(90px + {(x * 0.8) / 2}px - 10px ), calc(90px + {(y * 0.8) /
-                    2}px - 37.5px)) rotate(calc({rotation}deg - 90deg))"
+                style="transform-origin: center; transform: translate(calc(90px + {(x * 0.9) /
+                    2}px - 5px ), calc(90px + {(y * 0.9) / 2}px - 37.5px)) rotate(calc({rotation}deg - 90deg))"
             >
                 <img src="/media/arrow-l-fat.svg" alt="arrow" />
             </div>