style: align table actions to right

rotki · Oct 9, 2024 · c1af1ef · c1af1ef
1 parent 981f8fa
commit c1af1ef
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/components/account/home/PaymentsTable.vue b/components/account/home/PaymentsTable.vue
@@ -79,13 +79,15 @@ const payments = computed(() => {
       </template>
 
       <template #item.actions="{ row }">
-        <ButtonLink
-          :to="`/webapi/download/receipt/${row.identifier}/`"
-          color="primary"
-          external
-        >
-          {{ t('actions.download') }}
-        </ButtonLink>
+        <div class="flex gap-2 justify-end">
+          <ButtonLink
+            :to="`/webapi/download/receipt/${row.identifier}/`"
+            color="primary"
+            external
+          >
+            {{ t('actions.download') }}
+          </ButtonLink>
+        </div>
       </template>
     </RuiDataTable>
   </div>

diff --git a/components/account/home/SubscriptionTable.vue b/components/account/home/SubscriptionTable.vue
@@ -260,7 +260,7 @@ onUnmounted(() => pause());
         </div>
         <div
           v-else
-          class="capitalize mx-4 my-2"
+          class="capitalize m-2"
         >
           {{ t('common.none') }}
         </div>