From 91dc0f2cd93a435dfdc139f8cb910cacc9bbd396 Mon Sep 17 00:00:00 2001
From: "mikhail.iontsev" <mikhail.iontsev@arcadia.spb.ru>
Date: Mon, 22 Nov 2021 16:31:14 +0300
Subject: [PATCH] feat: changed legend position to right

---
 src/components/ConceptReport.vue           | 11 +++++++----
 src/components/DeathReport.vue             |  5 +++--
 src/components/NetworkDatastrandReport.vue |  7 +++----
 src/components/NetworkPopulationReport.vue |  4 ++--
 src/components/PersonReport.vue            |  6 +++---
 5 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/components/ConceptReport.vue b/src/components/ConceptReport.vue
index c6963286..e0628294 100644
--- a/src/components/ConceptReport.vue
+++ b/src/components/ConceptReport.vue
@@ -375,7 +375,8 @@ export default {
             field: "CONCEPT_NAME",
             type: "nominal",
             legend: {
-              orient: "top",
+              orient: "right",
+              columns: 2,
               title: null,
             },
           },
@@ -427,7 +428,8 @@ export default {
             field: "CONCEPT_NAME",
             type: "nominal",
             legend: {
-              orient: "top",
+              orient: "right",
+              columns: 2,
               title: null,
             },
           },
@@ -517,7 +519,7 @@ export default {
             field: "SERIES_NAME",
             type: "nominal",
             legend: {
-              orient: "top",
+              orient: "right",
             },
           },
           facet: {
@@ -618,7 +620,8 @@ export default {
             field: "CONCEPT_NAME",
             type: "nominal",
             legend: {
-              orient: "top",
+              orient: "right",
+              columns: 2,
               title: null,
             },
           },
diff --git a/src/components/DeathReport.vue b/src/components/DeathReport.vue
index b63622f8..0bf6380e 100644
--- a/src/components/DeathReport.vue
+++ b/src/components/DeathReport.vue
@@ -94,7 +94,8 @@ export default {
             field: "CONCEPT_NAME",
             type: "nominal",
             legend: {
-              orient: "top",
+              orient: "right",
+              columns: 2,
               title: null,
             },
           },
@@ -165,7 +166,7 @@ export default {
             field: "SERIES_NAME",
             type: "nominal",
             legend: {
-              orient: "top",
+              orient: "right",
             },
           },
           facet: {
diff --git a/src/components/NetworkDatastrandReport.vue b/src/components/NetworkDatastrandReport.vue
index 9b37acc9..bdf14662 100644
--- a/src/components/NetworkDatastrandReport.vue
+++ b/src/components/NetworkDatastrandReport.vue
@@ -165,12 +165,11 @@ export default {
         axes: [{ scale: "y", orient: "left", zindex: 0 }],
         legends: [
           {
-            columns: 3,
-            columnPadding: 20,
+            columns: 2,
+            columnPadding: 15,
             rowPadding: 10,
-            orient: "bottom",
+            orient: "right",
             fill: "color",
-            direction: "horizontal",
             symbolType: "circle",
           },
         ],
diff --git a/src/components/NetworkPopulationReport.vue b/src/components/NetworkPopulationReport.vue
index 0f4ac66a..b2af5ebd 100644
--- a/src/components/NetworkPopulationReport.vue
+++ b/src/components/NetworkPopulationReport.vue
@@ -58,7 +58,7 @@ export default {
           color: {
             field: "DATA_SOURCE_KEY",
             title: "Data Source",
-            legend: { orient: "bottom", direction: "horizontal", columns: 3 },
+            legend: { orient: "right", columns: 2 },
           },
           tooltip: [
             {
@@ -98,7 +98,7 @@ export default {
           color: {
             field: "DATA_SOURCE_KEY",
             title: "Data Source",
-            legend: { orient: "bottom", direction: "horizontal", columns: 3 },
+            legend: { orient: "right", columns: 2 },
           },
           tooltip: [
             {
diff --git a/src/components/PersonReport.vue b/src/components/PersonReport.vue
index d2339b08..de7059c8 100644
--- a/src/components/PersonReport.vue
+++ b/src/components/PersonReport.vue
@@ -163,7 +163,7 @@ export default {
             field: "CONCEPT_NAME",
             type: "nominal",
             legend: {
-              orient: "top",
+              orient: "right",
               title: null,
             },
           },
@@ -189,8 +189,8 @@ export default {
           color: {
             field: "CONCEPT_NAME",
             legend: {
-              orient: "bottom",
-              columns: 5,
+              orient: "right",
+              columns: 2,
               title: "Ethnicity",
             },
           },