fixes

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

@@ -2,10 +2,11 @@
     import { navigate } from "svelte-routing/src/history"
     import { openExtendableNr, pages, rerender, scrollToRowNr } from "../../store"
     export let col: Column
+    let focused = -1
 </script>
 
 <div class="link-container">
-    {#each col.pageLinkBlocks as link}
+    {#each col.pageLinkBlocks as link, i}
         {#if isNaN(link.extendableRowNr)}
             <button
                 class="page-ref"
@@ -19,6 +20,12 @@
             </button>
         {:else}
             <button
+                on:mouseenter="{() => {
+                    focused = i
+                }}"
+                on:mouseleave="{() => {
+                    focused = -1
+                }}"
                 class="row-ref fill"
                 on:click="{() => {
                     $rerender = $rerender + 1
@@ -30,7 +37,11 @@
                 <div>
                     {link.name}
                 </div>
-                <img src="/media/arrow-r.svg" alt="arrow" />
+                <svg
+                    data-src="/media/arrow-r.svg"
+                    stroke="{i == focused ? '#fff' : 'black'}"
+                    fill="{i == focused ? '#fff' : 'black'}"
+                    style="z-index: 9999; position: relative;"></svg>
             </button>
         {/if}
     {/each}