From 54f869c7cd82058f5c45d40f92445dde3aa35802 Mon Sep 17 00:00:00 2001
From: Benny <benny@hierl.dev>
Date: Thu, 30 Jun 2022 17:17:32 +0200
Subject: [PATCH] Bought Button adjusted

---
 src/components/WishlistItem.vue | 8 +++++---
 src/config/locales/de-DE.json   | 2 +-
 src/config/locales/en-US.json   | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/WishlistItem.vue b/src/components/WishlistItem.vue
index 7c72af9..81306bb 100644
--- a/src/components/WishlistItem.vue
+++ b/src/components/WishlistItem.vue
@@ -44,9 +44,11 @@ const openUrl = (): void => {
           {{ item.description }}
         </p>
       </div>
-      <div class="flex flex-row items-baseline space-x-2">
+      <div
+        class="mt-4 flex w-full flex-row flex-wrap-reverse items-baseline sm:mt-2"
+      >
         <ButtonBase
-          class="mt-4 text-xs sm:mt-2"
+          class="mr-4 mt-4 text-xs sm:mt-0"
           :icon="IconCart"
           @click="$emit('bought')"
           data-test="bought-button"
@@ -58,7 +60,7 @@ const openUrl = (): void => {
           target="_blank"
           rel="noopener"
           data-test="link"
-          class="mt-1 flex w-fit flex-row items-center text-sm text-stone-500 dark:text-white/60"
+          class="flex w-fit flex-row items-center text-sm text-stone-500 dark:text-white/60"
         >
           <IconLink class="mr-1 h-4 w-4 fill-stone-500 dark:fill-white/60" />
           <span>{{
diff --git a/src/config/locales/de-DE.json b/src/config/locales/de-DE.json
index ac961dc..6eefeb0 100644
--- a/src/config/locales/de-DE.json
+++ b/src/config/locales/de-DE.json
@@ -130,7 +130,7 @@
         "text": "Produktseite öffnen"
       },
       "bought-button": {
-        "text": "Gekauft"
+        "text": "Als gekauft markieren"
       }
     },
     "form-wishlist": {
diff --git a/src/config/locales/en-US.json b/src/config/locales/en-US.json
index 19f6c67..8646388 100644
--- a/src/config/locales/en-US.json
+++ b/src/config/locales/en-US.json
@@ -130,7 +130,7 @@
         "text": "Open product page"
       },
       "bought-button": {
-        "text": "Bought"
+        "text": "Mark as purchased"
       }
     },
     "form-wishlist": {