From 47a27a0810c653b224dc21a334bcb5720dd27675 Mon Sep 17 00:00:00 2001
From: Bruce Schultz <bschultz013@gmail.com>
Date: Thu, 4 Jul 2024 12:08:38 +0200
Subject: [PATCH] style(table): align expand buttons right

---
 components/analysis/AnalysesTable.vue     | 11 +++++++++--
 components/data-stores/DataStoreTable.vue | 11 +++++++++--
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/components/analysis/AnalysesTable.vue b/components/analysis/AnalysesTable.vue
index 0f59150..37c11aa 100644
--- a/components/analysis/AnalysesTable.vue
+++ b/components/analysis/AnalysesTable.vue
@@ -65,7 +65,7 @@ const collapseAll = () => {
     >
       <template #empty> No analyses found. </template>
       <template #header>
-        <div class="flex flex-wrap justify-end gap-2">
+        <div class="flex flex-wrap justify-end gap-2 expandButtons">
           <Button
             text
             icon="pi pi-plus"
@@ -113,4 +113,11 @@ const collapseAll = () => {
   </div>
 </template>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.expandButtons {
+  display: flex;
+  justify-content: flex-end;
+  margin-left: auto;
+  margin-right: 0;
+}
+</style>
diff --git a/components/data-stores/DataStoreTable.vue b/components/data-stores/DataStoreTable.vue
index 3070542..02883fd 100644
--- a/components/data-stores/DataStoreTable.vue
+++ b/components/data-stores/DataStoreTable.vue
@@ -96,7 +96,7 @@ const confirmDelete = (event, dsName: string) => {
     >
       <template #empty> No data stores found. </template>
       <template #header>
-        <div class="flex flex-wrap justify-end gap-2">
+        <div class="flex flex-wrap justify-end gap-2 expandButtons">
           <Button
             text
             icon="pi pi-plus"
@@ -158,4 +158,11 @@ const confirmDelete = (event, dsName: string) => {
   </div>
 </template>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.expandButtons {
+  display: flex;
+  justify-content: flex-end;
+  margin-left: auto;
+  margin-right: 0;
+}
+</style>