From ed3658a6f407fbfb1aa5c925f983ccfdd5d645f8 Mon Sep 17 00:00:00 2001
From: Christoph Wurst <christoph@winzerhof-wurst.at>
Date: Fri, 7 Oct 2022 14:40:13 +0200
Subject: Fix org chart card overlapping other card expand button

Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>
---
 src/components/ChartTemplate.vue | 6 ++++--
 src/components/OrgChart.vue      | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/components/ChartTemplate.vue b/src/components/ChartTemplate.vue
index e8585aff..d6b2ccb4 100644
--- a/src/components/ChartTemplate.vue
+++ b/src/components/ChartTemplate.vue
@@ -66,22 +66,22 @@ export default {
 <style lang="scss" scoped>
 .org-chart-node {
 	background-color: var(--color-main-background);
-	padding-top: 1px;
 	height: 175px;
 	border-radius: var(--border-radius-large);
 	overflow: visible;
 
 	&__avatar {
 		margin-top: -30px;
-		margin-left: 95px;
 		border: 1px solid var(--color-border);
 	}
 
 	.inner-box {
 		display: flex;
 		flex-direction: column;
+		align-items: center;
 		height: 175px;
 		padding-top: 0;
+		margin-top: 30px;
 		border: 1px solid var(--color-border);
 		border-radius: var(--border-radius-large);
 		background-color: var(--color-main-background);
@@ -104,6 +104,7 @@ export default {
 		.description {
 			display: flex;
 			justify-content: space-between;
+			width: 100%;
 			padding: 15px;
 		}
 	}
@@ -113,6 +114,7 @@ export default {
 	}
 
 	.panel {
+		width: 100%;
 		margin: -34px -1px 0 -1px;
 		background-color: var(--color-primary);
 		height: 15px;
diff --git a/src/components/OrgChart.vue b/src/components/OrgChart.vue
index d7c62cc2..2ad9a99c 100644
--- a/src/components/OrgChart.vue
+++ b/src/components/OrgChart.vue
@@ -102,7 +102,7 @@ export default {
 				.data(data)
 				.nodeWidth(() => 250)
 				.initialZoom(1)
-				.nodeHeight(() => 175)
+				.nodeHeight(() => 200)
 				.childrenMargin(() => 70)
 				.compactMarginBetween(() => 15)
 				.compactMarginPair(() => 80)
-- 
cgit v1.2.3