WebHost: fix Authors on supported game page (#6218)

WebHostLib/static/styles/supportedGames.css

@@ -42,3 +42,7 @@
 #games .page-controls button{
     margin-left: 0.5rem;
 }
+
+#games .author-label{
+    margin-top: 0.5rem;
+}

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 %}