Some minor changes

src/components/visualizations/HierarchicalOutline.vue

@@ -13,7 +13,7 @@
 
         <v-col
             id="searchtree"
-            class="treeView multi pt-0"
+            class="treeView multi pt-2"
             cols="6"
         />
 

src/components/visualizations/Sunburst.vue

@@ -45,6 +45,10 @@ import { Sunburst as UnipeptSunburst, SunburstSettings } from 'unipept-visualiza
 import { onMounted, ref, watch } from 'vue';
 import { tooltipContent } from './VisualizationHelper';
 
+// The amount of milliseconds that the SunBurst should wait with animating movement before or after a filter was
+// changed.
+const rerootTimeout = 0;
+
 export interface Props {
     data: NcbiTree
 
@@ -101,10 +105,12 @@ watch(() => props.doReset, () => {
 });
 
 watch(() => props.filterId, () => {
-    if(visualizationComputed.value) {
-        // @ts-ignore (reroot is not exported in the interface of the visualization)
-        visualizationComputed.value.reroot(props.filterId, false);
-    }
+    new Promise<void>((resolve) => setTimeout(resolve, rerootTimeout)).then(() => {
+        if (visualizationComputed.value) {
+            // @ts-ignore (reroot is not exported in the interface of the visualization)
+            visualizationComputed.value.reroot(props.filterId, false);
+        }
+    });
 });
 
 watch(() => props.isFixedColors, () => {
@@ -123,9 +129,12 @@ const initializeVisualisation = () => {
         height: props.height,
         useFixedColors: props.isFixedColors,
         rerootCallback: d => {
-            if(visualizationComputed.value) {
-                emits("update-selected-taxon-id", d.id);
-            }
+            // Wait 500ms to start the animation to avoid stutter in the interface.
+            new Promise(resolve => setTimeout(resolve, rerootTimeout)).then(() => {
+                if (visualizationComputed.value) {
+                    emits("update-selected-taxon-id", d.id);
+                }
+            });
         },
         getTooltipText: d => tooltipContent(d)
     } as SunburstSettings;

src/components/visualizations/TreeMap.vue

@@ -147,8 +147,6 @@ const initializeVisualisation = () => {
         getTooltipText: d => tooltipContent(d)
     } as TreemapSettings;
 
-    console.log(JSON.stringify(settings));
-
     const treemap = new UnipeptTreemap(
         visualization.value as HTMLElement,
         props.data.getRoot(),

src/interface/Assay.ts

@@ -4,4 +4,4 @@ export default interface Assay {
     peptides: string[]
     amountOfPeptides: number
     createdAt: Date
-};
+}