Sunburst: improve height management and black/white labels

components/mainPage/visualisations/TargetsTree/TargetsSunburst.vue

@@ -5,11 +5,15 @@
       <v-card tile flat class="sunburst-card">
         <v-card-subtitle> Targets in EUbOPEN </v-card-subtitle>
         <v-divider />
-        <Sunburst
-          :hierachy-tree="parsedTree"
-          @path-updated="updateBreadcrumbsPath"
-        />
-        <v-breadcrumbs :items="currentPath"></v-breadcrumbs>
+        <div class="breadcrumbs-area">
+          <v-breadcrumbs :items="currentPath"></v-breadcrumbs>
+        </div>
+        <div class="sunburst-area">
+          <Sunburst
+            :hierachy-tree="parsedTree"
+            @path-updated="updateBreadcrumbsPath"
+          />
+        </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 see the
@@ -86,6 +90,13 @@ export default {
   width: 100%;
   .sunburst-card {
     height: 100%;
+    .breadcrumbs-area {
+      min-height: 58px;
+    }
+    .sunburst-area {
+      height: calc(100% - 220px);
+      padding-bottom: 10px;
+    }
   }
 }
 </style>

components/mainPage/visualisations/VisualisationsCard.vue

@@ -49,7 +49,7 @@ export default {
     height: 50vmin;
   }
   &.lg-screen-height {
-    height: 50vh;
+    height: 65vh;
     max-height: 850px;
   }
   .visualisation {

web-components-submodule @ 53b132cc

-Subproject commit dae0b926e8d0abc56dab0a24e02253e74b933af1
+Subproject commit 53b132cc0456d5bae0334c01f11e1e7998224dbb