From ef97afc3299e0807ea71f3ac2294ccfa0a000c39 Mon Sep 17 00:00:00 2001
From: "schneider.n" <nicole.schneider@3m5.de>
Date: Wed, 13 Sep 2023 08:23:46 +0200
Subject: [PATCH] #517 change badge size

---
 .../Private/JavaScript/Components/ProviderListGridItem.tsx | 2 +-
 .../Resources/Private/Scss/Main.scss                       | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/JavaScript/Components/ProviderListGridItem.tsx b/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/JavaScript/Components/ProviderListGridItem.tsx
index d41d5da2..1cbb69ad 100644
--- a/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/JavaScript/Components/ProviderListGridItem.tsx
+++ b/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/JavaScript/Components/ProviderListGridItem.tsx
@@ -6,7 +6,7 @@ export default function ProviderListEntry({provider}: {provider: Provider}) {
         <div key={provider.identifier} className="service-providers__grid-row">
             <div className="service-providers__grid-cell service-providers__list-entry__badge">
                 {provider.badges && provider.badges.map((item) =>
-                    <img src={item} alt="" class="service-providers__badge"/>
+                    <img src={item} alt={item.match(/\/badge-(.*?)\.png/)[1] + ' Badge'} class={"service-providers__badge service-providers__badge--" + item.match(/\/badge-(.*?)\.png/)[1]}/>
                 )}
             </div>
             <div className="service-providers__grid-cell service-providers__list-entry__description">
diff --git a/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/Scss/Main.scss b/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/Scss/Main.scss
index 90fdf4e2..2d37bdf5 100644
--- a/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/Scss/Main.scss
+++ b/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/Scss/Main.scss
@@ -109,6 +109,13 @@
 
     .service-providers__badge {
       max-width: 80px;
+
+      &.service-providers__badge--platinum {
+        max-width: 95px;
+      }
+      &.service-providers__badge--employer {
+        max-width: 105px;
+      }
     }
 
     .service-providers__grid-logo {