From ddd434aecb66d3a85973b7103bbeeaa41c0a72ae Mon Sep 17 00:00:00 2001
From: alexsparkes <alexsparkes@gmail.com>
Date: Mon, 20 May 2024 09:30:27 +0100
Subject: [PATCH] fix: forced aspect ratio of marketplace item icons - forced 1
 / 1 aspect ratio for consistency among marketplace icons

---
 .../MainModal/scss/marketplace/_main.scss     |  4 ++-
 src/features/marketplace/views/Added.jsx      | 30 ++++++++-----------
 2 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/components/Elements/MainModal/scss/marketplace/_main.scss b/src/components/Elements/MainModal/scss/marketplace/_main.scss
index 471c69cc..bb68a972 100644
--- a/src/components/Elements/MainModal/scss/marketplace/_main.scss
+++ b/src/components/Elements/MainModal/scss/marketplace/_main.scss
@@ -161,7 +161,9 @@
       height: auto;
       border-radius: 12px;
       box-shadow: 0 5px 25px black;
-    }
+      aspect-ratio: 1 / 1;
+      object-fit: contain;
+    } 
 
     .divider {
       text-transform: uppercase;
diff --git a/src/features/marketplace/views/Added.jsx b/src/features/marketplace/views/Added.jsx
index 2d5cc056..b49c5b4f 100644
--- a/src/features/marketplace/views/Added.jsx
+++ b/src/features/marketplace/views/Added.jsx
@@ -239,28 +239,24 @@ export default class Added extends PureComponent {
 
     return (
       <>
-        <div className="modalHeader">
-          <Header title={variables.getMessage('modals.main.addons.added')} report={false}>
-            <CustomActions>{this.getSideloadButton()}</CustomActions>
-          </Header>
-          <div className="filter">
+        <Header title={variables.getMessage('modals.main.addons.added')} report={false}>
+          <CustomActions>
+            {this.getSideloadButton()}
             {sideLoadBackendElements()}
-            <div className="buttonSection">
-              <Button
-                type="settings"
-                onClick={() => this.updateCheck()}
-                icon={<MdUpdate />}
-                label={variables.getMessage('modals.main.addons.check_updates')}
-              />
-              <Button
+            <Button
+              type="settings"
+              onClick={() => this.updateCheck()}
+              icon={<MdUpdate />}
+              label={variables.getMessage('modals.main.addons.check_updates')}
+            />
+            {/*<Button
                 type="settings"
                 onClick={() => document.getElementById('file-input').click()}
                 icon={<MdSendTimeExtension />}
                 label={variables.getMessage('modals.main.addons.sideload.title')}
-              />
-            </div>
-          </div>
-        </div>
+    `       />*/}
+          </CustomActions>
+        </Header>
         <Dropdown
           label={variables.getMessage('modals.main.addons.sort.title')}
           name="sortAddons"