fixes

frontend/src/lib/components/widgets/iconCycleCircle.svelte

@@ -13,12 +13,12 @@
 
     onMount(() => {
         for (let i = 0; i < count; i++) {
-            let angle = angleStep * i * (Math.PI / 180) // Convert to radians
+            let angle = (angleStep * i - 90) * (Math.PI / 180) // Convert to radians
 
             circles.push({
                 x: radius * Math.cos(angle),
                 y: radius * Math.sin(angle),
-                rotation: angleStep * i - 90, // subtract 90 to point towards the circle
+                rotation: angleStep * i + 180, // subtract 90 to point towards the circle
             })
         }
         circles = circles
@@ -51,9 +51,10 @@
                         <svg
                             id="mySvgObject{i}"
                             stroke="{i == focused ? 'white' : 'black'}"
+                            fill="{i == focused ? 'white' : 'black'}"
                             data-src="{apiBaseURL}page/{pageId}/{col.iconCycleCircle?.boxes[i]?.icon?.src}"></svg>
                     </div>
-                    <div class="text">
+                    <div class="text" style="text-align: center;">
                         {col.iconCycleCircle?.boxes[i]?.text}
                     </div>
                 </div>