From 5ccef9802ada04b27b92e84be24c9ebbe4d0906d Mon Sep 17 00:00:00 2001
From: Emily <35015090+EmilyV99@users.noreply.github.com>
Date: Sun, 7 Jun 2026 12:21:30 -0400
Subject: [PATCH] WebHost: fix Authors on supported game page (#6218)

---
 WebHostLib/static/styles/supportedGames.css |  4 ++++
 WebHostLib/templates/supportedGames.html    | 10 +++++++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/WebHostLib/static/styles/supportedGames.css b/WebHostLib/static/styles/supportedGames.css
index ab12f32071..9458437c43 100644
--- a/WebHostLib/static/styles/supportedGames.css
+++ b/WebHostLib/static/styles/supportedGames.css
@@ -42,3 +42,7 @@
 #games .page-controls button{
     margin-left: 0.5rem;
 }
+
+#games .author-label{
+    margin-top: 0.5rem;
+}
diff --git a/WebHostLib/templates/supportedGames.html b/WebHostLib/templates/supportedGames.html
index 128278c4b2..01f7fa2cb9 100644
--- a/WebHostLib/templates/supportedGames.html
+++ b/WebHostLib/templates/supportedGames.html
@@ -49,6 +49,13 @@
         <details data-game="{{ game_name }}">
             <summary class="h2">{{ game_name }}</summary>
             {{ world.__doc__ | default("No description provided.", true) }}<br />
+            {% if "authors" in world.manifest %}
+            {% if world.manifest["authors"]|length == 1 %}
+            <p class="author-label">Author: {{ world.manifest["authors"][0] }}</p>
+            {% else %}
+            <p class="author-label">Authors: {{ world.manifest["authors"] | join(", ") }}</p>
+            {% endif %}
+            {% endif %}
             <a href="{{ url_for("game_info", game=game_name, lang="en") }}">Game Page</a>
             {% if world.web.tutorials %}
             <span class="link-spacer">|</span>
@@ -68,9 +75,6 @@
             <a href="{{ world.web.bug_report_page }}">Report a Bug</a>
             {% endif %}
         </details>
-        {% if "authors" in world.manifest %}
-        <p>Authors: {{ world.manifest["authors"] | join(", ") }}</p>
-        {% endif %}
         {% endfor %}
     </div>
 {% endblock %}