fixes

frontend/src/lib/components/widgets/Worldcard/worldcard.svelte

@@ -3,7 +3,7 @@
     import Selectbox from "./selectbox.svelte"
 
     export let col: Column
-    export let pageId: number
+    export let pageId: string
 
     let availableProperties = [
         ["A", "Aktien"],
@@ -23,7 +23,6 @@
     let props
     $: {
         props = chunkArray([...availableProperties], 5)
-        console.log(props, "===props")
     }
 
     function chunkArray(myArray, chunk_size): string[][] {
@@ -57,7 +56,6 @@
                         abbriviation="{property[0]}"
                         name="{property[1]}"
                         on:click="{(e) => {
-                            console.log(!selected[availableProperties.indexOf(property)], '===index')
                             selected[availableProperties.indexOf(property)] = e.detail
                         }}"
                     />

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

@@ -25,8 +25,6 @@
     function showMore() {
         displayedItems += itemsPerPage
     }
-
-    console.log("col:", col)
 </script>
 
 <div class="events">

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

@@ -1,6 +1,16 @@
 <script lang="ts">
+    import { onMount } from "svelte"
+    import { openExtendableNr } from "../../store"
+
     export let col: Column
     export let opened = -1
+
+    onMount(() => {
+        if (!isNaN($openExtendableNr) && $openExtendableNr !== -1) {
+            opened = $openExtendableNr
+            $openExtendableNr = -1
+        }
+    })
 </script>
 
 <div class="boxes">
@@ -62,7 +72,10 @@
                 padding-bottom: 20px;
             }
             .upper {
-                font-size: 1.6rem;
+                font-size: 1.2rem;
+                @media @tablet {
+                    font-size: 1.6rem;
+                }
                 font-weight: 500;
                 display: flex;
                 align-items: center;

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

@@ -18,6 +18,7 @@
 </div>
 
 <style lang="less">
+    @import "../../assets/css/main.less";
     .iconBlock {
         display: flex;
         justify-content: start;
@@ -27,8 +28,13 @@
             display: flex;
             flex-direction: column;
             align-items: center;
-            width: 140px;
-            gap: 20px;
+            width: 80px;
+            gap: 8px;
+            @media @tablet {
+                width: 140px;
+
+                gap: 20px;
+            }
             img {
                 width: 100%;
                 height: auto;

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

@@ -32,8 +32,10 @@
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
+        font-size: 0.8rem;
         @media @tablet {
             gap: 20px;
+            font-size: 1rem;
         }
         .box {
             border: 4px solid @bg-color-secondary;

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

@@ -2,11 +2,23 @@
     import { apiBaseURL } from "../../../config"
     export let image: FileField
     export let pageId: string
+    export let col: Column
 </script>
 
 <div class="image-container">
     <img src="{`${apiBaseURL}page/${pageId}/${image?.src}`}" alt="img" />
 </div>
+{#if col && col.icons}
+    <div class="icons">
+        {#each col.icons as icon}
+            <div class="icon">
+                <a href="{icon.link}" target="_blank">
+                    <img src="{`${apiBaseURL}page/${pageId}/${icon.icon?.src}`}" alt="img" />
+                </a>
+            </div>
+        {/each}
+    </div>
+{/if}
 
 <style lang="less">
     .image-container {
@@ -21,4 +33,11 @@
             height: 100%;
         }
     }
+
+    .icons {
+        height: 60px;
+        display: flex;
+        justify-content: flex-start;
+        gap: 20px;
+    }
 </style>

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

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { navigate } from "svelte-routing/src/history"
-    import { pages, rerender } from "../../store"
+    import { openExtendableNr, pages, rerender, scrollToRowNr } from "../../store"
     export let col: Column
 </script>
 
@@ -11,6 +11,7 @@
                 class="page-ref"
                 on:click="{() => {
                     $rerender = $rerender + 1
+
                     navigate(Object.values($pages)?.find((o) => o.id == link.page)?.path || '/')
                 }}"
             >
@@ -21,6 +22,8 @@
                 class="row-ref fill"
                 on:click="{() => {
                     $rerender = $rerender + 1
+                    $scrollToRowNr = link.rowNr
+                    $openExtendableNr = link.extendableRowNr
                     navigate(Object.values($pages)?.find((o) => o.id == link.page)?.path || '/')
                 }}"
             >