style: more items by creator cards

- show display name for language on marketplace item information

src/components/Elements/MainModal/scss/marketplace/_main.scss

@@ -4,6 +4,22 @@
 @import 'modules/lightbox';
 @import 'scss/variables';
 
+.creatorItems {
+ .item {
+  flex-flow: row !important;
+ }
+  .item-back {
+    margin: 0 !important;
+  }
+  .item-icon {
+    margin: 0 !important;
+  }
+  .card-details {
+    margin: 0 !important;
+    text-align: left;
+  }
+}
+
 .items {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

src/features/marketplace/components/Items/Item.jsx

@@ -127,6 +127,9 @@ class Item extends PureComponent {
       </div>
     );
 
+    const locale = localStorage.getItem('language');
+    let languageNames = new Intl.DisplayNames(["en"], { type: "language" });
+
     return (
       <div id="item">
         <Modal
@@ -275,7 +278,7 @@ class Item extends PureComponent {
                   ? moreInfoItem(
                       <MdTranslate />,
                       variables.getMessage('modals.main.settings.sections.language.title'),
-                      this.props.data.data.language,
+                      languageNames.of(this.props.data.data.language),
                     )
                   : null}
                 {moreInfoItem(
@@ -369,6 +372,7 @@ class Item extends PureComponent {
                 toggleFunction={(input) => this.props.toggleFunction('item', input)}
                 collectionFunction={(input) => this.props.toggleFunction('collection', input)}
                 filter={''}
+                moreByCreator={true}
               />
             </div>
           </div>

src/features/marketplace/components/Items/Items.jsx

@@ -68,6 +68,7 @@ function Items({
   collectionFunction,
   onCollection,
   filter,
+  moreByCreator,
 }) {
   const shouldShowCollection =
     (collection && !onCollection && (filter === null || filter === '')) ||
@@ -110,7 +111,7 @@ function Items({
           )}
         </div>
       )}
-      <div className="items">
+      <div className={`items ${moreByCreator ? 'creatorItems' : ''}`}>
         {items
           ?.filter((item) => filterItems(item, filter))
           .map((item) => (