icon cycle circle

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

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { navigate } from "svelte-routing/src/history"
-    import { pages } from "../../store"
+    import { pages, rerender } from "../../store"
     export let col: Column
 </script>
 
@@ -9,16 +9,25 @@
         {#if isNaN(link.rowNr)}
             <button
                 class="page-ref"
-                on:click="{() => navigate(Object.values($pages)?.find((o) => o.id == link.page)?.path || '/')}"
+                on:click="{() => {
+                    $rerender = $rerender + 1
+                    navigate(Object.values($pages)?.find((o) => o.id == link.page)?.path || '/')
+                }}"
             >
                 {link.name}
             </button>
         {:else}
             <button
-                class="row-ref"
-                on:click="{() => navigate(Object.values($pages)?.find((o) => o.id == link.page)?.path || '/')}"
+                class="row-ref fill"
+                on:click="{() => {
+                    $rerender = $rerender + 1
+                    navigate(Object.values($pages)?.find((o) => o.id == link.page)?.path || '/')
+                }}"
             >
-                {link.name} <img src="/media/arrow-r.svg" alt="arrow" />
+                <div>
+                    {link.name}
+                </div>
+                <img src="/media/arrow-r.svg" alt="arrow" />
             </button>
         {/if}
     {/each}