style(table): align expand buttons right

PrivateAIM · Jul 4, 2024 · 47a27a0 · 47a27a0
1 parent 1622460
commit 47a27a0
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git 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
@@ -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>