From 3fa7e5d6bbe673f37dbaf10d7b638a692900a19b Mon Sep 17 00:00:00 2001
From: "madjid.asa" <madjid.asa@gmail.com>
Date: Wed, 24 Jul 2024 21:18:00 +0200
Subject: [PATCH] add super badge

---
 lemarche/static/itou_marche/itou_marche.scss      | 7 +++++++
 lemarche/templates/includes/_super_badge.html     | 4 ++--
 lemarche/templates/siaes/_card_search_result.html | 6 ++----
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/lemarche/static/itou_marche/itou_marche.scss b/lemarche/static/itou_marche/itou_marche.scss
index bcd148dc0..fbeb8fbfd 100644
--- a/lemarche/static/itou_marche/itou_marche.scss
+++ b/lemarche/static/itou_marche/itou_marche.scss
@@ -1,5 +1,12 @@
+$yellow-super-badge--bg-color: #fff7e0;
+$yellow-super-badge--borders-color: #fcc63a;
+
 .lemarche {
     &--align-right {
         float: right;
     }
+
+    &-super-badge {
+        background-color: $yellow-super-badge--bg-color;
+    }
 }
diff --git a/lemarche/templates/includes/_super_badge.html b/lemarche/templates/includes/_super_badge.html
index 5e110cbad..ff4724dcc 100644
--- a/lemarche/templates/includes/_super_badge.html
+++ b/lemarche/templates/includes/_super_badge.html
@@ -1,6 +1,6 @@
 {% if siae.super_badge %}
-    <p class="fr-badge fr-badge--yellow-tournesol super-badge-badge fr-mt-4v">
+    <p class="fr-tag lemarche-super-badge">
         <span class="fr-icon-award-fill"></span>
         Super prestataire
     </p>
-{% endif %}
\ No newline at end of file
+{% endif %}
diff --git a/lemarche/templates/siaes/_card_search_result.html b/lemarche/templates/siaes/_card_search_result.html
index 55c0f9047..b3d194fa4 100644
--- a/lemarche/templates/siaes/_card_search_result.html
+++ b/lemarche/templates/siaes/_card_search_result.html
@@ -10,10 +10,8 @@ <h3 class="fr-card__title">
                 Lorem [...] elit ut.
             </p>
             <div class="fr-card__start">
-                <ul class="fr-tags-group">
-                    <li>
-                        <p class="fr-tag">label tag</p>
-                    </li>
+                <ul class="fr-tags-group lemarche--align-right">
+                    <li>{% include "includes/_super_badge.html" with siae=siae %}</li>
                     <li>
                         <p class="fr-tag">label tag</p>
                     </li>