From bd5ca64db34fe941862dbece2ad435d2869a9264 Mon Sep 17 00:00:00 2001
From: Johann Rekowski <johann.rekowski@gmail.com>
Date: Wed, 23 Jun 2021 01:45:06 +0200
Subject: [PATCH] Fix spacings and icons on presentation link buttons (#6361)

* Fixed spacings between presentation-link buttons

* Fixed cut off icons on persentation-link buttons

* Use flex gap instead of margin

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
---
 app/src/components/v-icon/v-icon.vue                     | 2 --
 .../interfaces/presentation-links/presentation-links.vue | 9 +++------
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/app/src/components/v-icon/v-icon.vue b/app/src/components/v-icon/v-icon.vue
index b40b5243c1..3ffc8e533b 100644
--- a/app/src/components/v-icon/v-icon.vue
+++ b/app/src/components/v-icon/v-icon.vue
@@ -214,7 +214,6 @@ body {
 
 	&.left {
 		margin-right: 8px;
-		margin-left: -4px;
 
 		&.small {
 			margin-right: 4px;
@@ -223,7 +222,6 @@ body {
 	}
 
 	&.right {
-		margin-right: -6px;
 		margin-left: 6px;
 
 		&.small {
diff --git a/app/src/interfaces/presentation-links/presentation-links.vue b/app/src/interfaces/presentation-links/presentation-links.vue
index b076a071a7..cc74380c4b 100644
--- a/app/src/interfaces/presentation-links/presentation-links.vue
+++ b/app/src/interfaces/presentation-links/presentation-links.vue
@@ -24,7 +24,7 @@ type Link = {
 	icon: string;
 	label: string;
 	type: string;
-	url: string;
+	url?: string;
 };
 
 export default defineComponent({
@@ -44,7 +44,7 @@ export default defineComponent({
 		const linksParsed = computed(() => {
 			return props.links.map((link) => ({
 				...link,
-				url: render(link.url, values.value),
+				url: render(link.url ?? '', values.value),
 			}));
 		});
 
@@ -59,13 +59,10 @@ export default defineComponent({
 .presentation-links {
 	display: flex;
 	flex-wrap: wrap;
+	gap: 8px;
 }
 
 .action {
-	& + & {
-		margin-left: 8px;
-	}
-
 	&.info {
 		--v-button-icon-color: var(--white);
 		--v-button-background-color: var(--primary);