fix

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

@@ -11,13 +11,26 @@
     {#each jobOffers as job, i}
         {#if i < 3}
             <button
-                class="page-ref"
+                class="row-ref fill"
                 on:click="{() => {
                     $rerender = $rerender + 1
                     navigate(pageReference + '?elem=' + pages[i].id)
                 }}"
+                on:mouseenter="{() => {
+                    focused = i
+                }}"
+                on:mouseleave="{() => {
+                    focused = -1
+                }}"
             >
-                {job.title}
+                <div>
+                    {job.title}
+                </div>
+                <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>
         {:else}
             <button
@@ -27,18 +40,13 @@
                 on:mouseleave="{() => {
                     focused = -1
                 }}"
-                class="row-ref fill"
                 on:click="{() => {
                     $rerender = $rerender + 1
                     navigate(pageReference)
                 }}"
+                class="page-ref"
             >
                 <div>Mehr offene Stellen</div>
-                <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}
@@ -75,6 +83,9 @@
                 width: 20px;
                 height: auto;
             }
+            &:hover {
+                color: white !important;
+            }
         }
 
         .page-ref {