From 561b997245ade063287fed977c3578f2b1ed86f7 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 18 Oct 2024 17:09:16 -0400
Subject: [PATCH] Address align-items, justify-content css warnings

---
 client/src/components/History/Export/HistoryExport.vue |  2 +-
 client/src/components/Sharing/Embeds/WorkflowEmbed.vue |  4 ++--
 .../src/components/Workflow/Editor/Tools/ToolBar.vue   |  2 +-
 client/src/components/Workflow/List/WorkflowCard.vue   | 10 +++++-----
 .../Workflow/Published/WorkflowPublished.vue           |  2 +-
 5 files changed, 10 insertions(+), 10 deletions(-)

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 {