diff --git a/client/src/components/History/Export/HistoryExport.vue b/client/src/components/History/Export/HistoryExport.vue index 701a9fc9d903..ed6470a317e2 100644 --- a/client/src/components/History/Export/HistoryExport.vue +++ b/client/src/components/History/Export/HistoryExport.vue @@ -354,7 +354,7 @@ function updateExportParams(newParams: ExportParams) { <style scoped> .zenodo-info { display: flex; - align-items: start; + align-items: flex-start; gap: 0.5rem; } </style> diff --git a/client/src/components/Sharing/Embeds/WorkflowEmbed.vue b/client/src/components/Sharing/Embeds/WorkflowEmbed.vue index 649794bc7d9b..bdc9a3d33315 100644 --- a/client/src/components/Sharing/Embeds/WorkflowEmbed.vue +++ b/client/src/components/Sharing/Embeds/WorkflowEmbed.vue @@ -184,8 +184,8 @@ const clipboardTitle = computed(() => (copied.value ? "Copied!" : "Copy URL")); .settings { flex: 1; display: flex; - align-items: start; - justify-content: start; + align-items: flex-start; + justify-content: flex-start; flex-direction: column; } diff --git a/client/src/components/Workflow/Editor/Tools/ToolBar.vue b/client/src/components/Workflow/Editor/Tools/ToolBar.vue index c902f381bccf..25a0f35a0b15 100644 --- a/client/src/components/Workflow/Editor/Tools/ToolBar.vue +++ b/client/src/components/Workflow/Editor/Tools/ToolBar.vue @@ -507,7 +507,7 @@ const { anySelected, selectedCountText, deleteSelection, deselectAll, duplicateS display: flex; padding: 0.25rem; gap: 0.25rem; - align-items: end; + align-items: flex-end; flex-direction: column-reverse; align-self: flex-start; diff --git a/client/src/components/Workflow/List/WorkflowCard.vue b/client/src/components/Workflow/List/WorkflowCard.vue index 585ba221b81e..7ef15a0e9abd 100644 --- a/client/src/components/Workflow/List/WorkflowCard.vue +++ b/client/src/components/Workflow/List/WorkflowCard.vue @@ -302,7 +302,7 @@ async function onTagClick(tag: string) { .workflow-card-footer { display: flex; justify-content: space-between; - align-items: end; + align-items: flex-end; .workflow-card-tags { max-width: 60%; @@ -313,7 +313,7 @@ async function onTagClick(tag: string) { gap: 0.25rem; margin-top: 0.25rem; align-items: center; - justify-content: end; + justify-content: flex-end; } } @@ -335,7 +335,7 @@ async function onTagClick(tag: string) { @container workflow-card (min-width: #{$breakpoint-sm}, max-width: #{$breakpoint-md}) { .workflow-card-actions { - justify-content: end; + justify-content: flex-end; } } } @@ -343,13 +343,13 @@ async function onTagClick(tag: string) { @container workflow-card (max-width: #{$breakpoint-md}) { .workflow-count-actions { align-items: baseline; - justify-content: end; + justify-content: flex-end; } } @container workflow-card (min-width: #{$breakpoint-md}) { .workflow-count-actions { - align-items: end; + align-items: flex-end; flex-direction: column-reverse; } } diff --git a/client/src/components/Workflow/Published/WorkflowPublished.vue b/client/src/components/Workflow/Published/WorkflowPublished.vue index 524623314ab7..bcd31d364087 100644 --- a/client/src/components/Workflow/Published/WorkflowPublished.vue +++ b/client/src/components/Workflow/Published/WorkflowPublished.vue @@ -267,7 +267,7 @@ onMounted(async () => { grid-column: 1 / span 3; display: flex; - justify-content: end; + justify-content: flex-end; } .workflow-preview {