Merge pull request #99 from snjlee58/master

Visual tweaks for dark mode and margin adjustments

Author: milot-mirdita

frontend/ResultView.vue

@@ -112,7 +112,7 @@
                             </v-btn>
                         </v-btn-toggle>
                     </v-flex>
-                    <v-flex v-if="isSankeyVisible && entry.taxonomyreport">
+                    <v-flex v-if="isSankeyVisible && entry.taxonomyreport" class="mb-2">
                         <SankeyDiagram :rawData="entry.taxonomyreport" :currentSelectedNodeId="selectedTaxId" @selectTaxon="handleSankeySelect"></SankeyDiagram>
                     </v-flex>
                     <table class="v-table result-table" style="position:relativ; margin-bottom: 3em;">

frontend/SankeyDiagram.vue

@@ -625,6 +625,13 @@ export default {
 </script>
 
 <style scoped>
+.theme--dark svg {
+	fill: white;
+}
+.theme--light svg  {
+	fill: black;
+}
+
 .sankey-container {
 	display: flex;
 	width: 100%;