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);