Address align-items, justify-content css warnings

dannon · Oct 18, 2024 · 561b997 · 561b997
1 parent 40b13c9
commit 561b997
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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,21 +335,21 @@ 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;
             }
         }
     }
 
     @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
@@ -267,7 +267,7 @@ onMounted(async () => {
             grid-column: 1 / span 3;
 
             display: flex;
-            justify-content: end;
+            justify-content: flex-end;
         }
 
         .workflow-preview {