From 60870073fbb393a018b75802c3bea6e546421b65 Mon Sep 17 00:00:00 2001
From: David Mendez <dmendez@ebi.ac.uk>
Date: Tue, 2 Nov 2021 11:01:18 +0000
Subject: [PATCH] Targets Sunburst: Move breadcrumbs to bottom to avoid moving
 sunburst when they grow

---
 .../visualisations/TargetsTree/TargetsSunburst.vue       | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/mainPage/visualisations/TargetsTree/TargetsSunburst.vue b/components/mainPage/visualisations/TargetsTree/TargetsSunburst.vue
index c8dd49c..5efc5df 100644
--- a/components/mainPage/visualisations/TargetsTree/TargetsSunburst.vue
+++ b/components/mainPage/visualisations/TargetsTree/TargetsSunburst.vue
@@ -5,15 +5,15 @@
       <v-card tile flat class="sunburst-card">
         <v-card-subtitle> Targets in EUbOPEN</v-card-subtitle>
         <v-divider />
-        <div class="breadcrumbs-area">
-          <TargetClassificationBreadcrumbs :path="currentPath" />
-        </div>
         <div class="sunburst-area">
           <Sunburst
             :hierachy-tree="parsedTree"
             @path-updated="updateBreadcrumbsPath"
           />
         </div>
+        <div class="breadcrumbs-area">
+          <TargetClassificationBreadcrumbs :path="currentPath" />
+        </div>
         <v-divider />
         <v-card-text class="text-caption text-justify">
           Click on a section to expand it. Click on the links on top to explore
@@ -101,7 +101,8 @@ export default {
     }
     .sunburst-area {
       height: calc(100% - 220px);
-      padding-bottom: 10px;
+      padding-top: 20px;
+      padding-bottom: 5px;
     }
   }
 }
-- 
GitLab