From fb9787642b123682d003a299972f2dd39f61e105 Mon Sep 17 00:00:00 2001
From: alexsparkes <alexsparkes@gmail.com>
Date: Tue, 3 Feb 2026 19:54:02 +0000
Subject: [PATCH] feat(ItemCard): refactor action buttons to use
 item-card-actions class for consistent styling

---
 .../Elements/MainModal/scss/marketplace/_main.scss        | 8 ++++++++
 src/features/marketplace/components/Items/Items.jsx       | 4 +---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/Elements/MainModal/scss/marketplace/_main.scss b/src/components/Elements/MainModal/scss/marketplace/_main.scss
index b3c83da2..b5501074 100644
--- a/src/components/Elements/MainModal/scss/marketplace/_main.scss
+++ b/src/components/Elements/MainModal/scss/marketplace/_main.scss
@@ -70,6 +70,7 @@
       display: flex;
       flex-flow: column;
       align-items: flex-start;
+      width: 100%;
 
       .card-title {
         font-size: 18px;
@@ -200,6 +201,13 @@
   }
 }
 
+.item-card-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 1.5rem;
+  width: 100%;
+}
+
 .itemPage {
   display: flex;
   flex-flow: row;
diff --git a/src/features/marketplace/components/Items/Items.jsx b/src/features/marketplace/components/Items/Items.jsx
index 059d98c8..bac14a98 100644
--- a/src/features/marketplace/components/Items/Items.jsx
+++ b/src/features/marketplace/components/Items/Items.jsx
@@ -219,7 +219,7 @@ function ItemCard({
         )}
 
         {isAdded && onUninstall && (
-          <div style={{ display: 'flex', gap: '8px', marginTop: '10px', width: '100%' }}>
+          <div className="item-card-actions">
             <Button
               type="settings"
               onClick={(e) => {
@@ -227,7 +227,6 @@ function ItemCard({
                 setShowSettingsModal(true);
               }}
               icon={<MdSettings />}
-              label={variables.getMessage('modals.main.marketplace.product.buttons.settings')}
               style={{ flex: 1 }}
             />
             <Button
@@ -237,7 +236,6 @@ function ItemCard({
                 onUninstall(item.type, item.name);
               }}
               icon={<MdClose />}
-              label={variables.getMessage('modals.main.marketplace.product.buttons.remove')}
               style={{ flex: 1 }}
             />
           </div>