From e3eed978fe342b8cd8c1ced3ddc26eced585700b Mon Sep 17 00:00:00 2001
From: denyshon <denyshon@outlook.com>
Date: Wed, 5 Aug 2026 05:01:19 +0200
Subject: [PATCH] Move the Spam label to state_badges

---
 kitsune/sumo/jinja2/sumo/includes/question_entry.html | 10 ++++++----
 kitsune/sumo/static/sumo/scss/base/_status-label.scss |  5 +++--
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/kitsune/sumo/jinja2/sumo/includes/question_entry.html b/kitsune/sumo/jinja2/sumo/includes/question_entry.html
index 4301d5c574e..583c69a4ed3 100644
--- a/kitsune/sumo/jinja2/sumo/includes/question_entry.html
+++ b/kitsune/sumo/jinja2/sumo/includes/question_entry.html
@@ -106,6 +106,12 @@
     </span>
     {{ zd_status_badge(obj) }}
   {% else %}
+    {% if obj.is_spam %}
+      <span class="status-label status-label--spam"
+            title="{{ _('This question has been marked as spam') }}">
+        {{ _("Spam") }}
+      </span>
+    {% endif %}
     {% if obj.solution_id %}
       <span class="status-label status-label--solved"
             title="{{ _('This question has a verified solution') }}">
@@ -174,10 +180,6 @@ <h3 class="question-entry--title">
       {{ reply_count(question) }}
       {{ vote_count(question) }}
       {{ view_count(question) }}
-      {% if question.is_spam %}
-        <span class="status-label status-label--pending"
-              title="{{ _('This question has been marked as spam') }}">{{ _("Spam") }}</span>
-      {% endif %}
     {% endif %}
   </div>
   {% if question.channel == "direct_support" and question.zendesk_ticket_id %}
diff --git a/kitsune/sumo/static/sumo/scss/base/_status-label.scss b/kitsune/sumo/static/sumo/scss/base/_status-label.scss
index c5e558f1cbf..b4abe925cb6 100644
--- a/kitsune/sumo/static/sumo/scss/base/_status-label.scss
+++ b/kitsune/sumo/static/sumo/scss/base/_status-label.scss
@@ -29,9 +29,10 @@
     color: var(--color-success);
   }
 
-  // Yellow — tickets awaiting a reply (pending) or a third party (hold).
+  // Yellow — tickets awaiting a reply (pending) or a third party (hold) and spam questions.
   &--pending,
-  &--hold {
+  &--hold,
+  &--spam {
     background: rgba(c.color('yellow', '04'), 0.2);
     color: c.color('orange', '08');
   }