add backend functionality

games/static/base.css

@@ -3048,6 +3048,12 @@ textarea:disabled:is(.dark *) {
   }
 }
 
+@media (min-width: 1280px) {
+  .xl\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+}
+
 @media (min-width: 1536px) {
   .\32xl\:max-w-screen-2xl {
     max-width: 1536px;

games/templates/list_purchases.html

@@ -4,7 +4,7 @@
     {{ title }}
 {% endblock title %}
 {% block content %}
-    <div class="2xl:max-w-screen-2xl md:max-w-screen-md sm:max-w-screen-sm self-center">
-        <c-simple-table :columns=data.columns :rows=data.rows :page_obj=page_obj :elided_page_range=elided_page_range :header_action=data.header_action />
+    <div class="2xl:max-w-screen-2xl xl:max-w-screen-xl md:max-w-screen-md sm:max-w-screen-sm self-center">
+        <c-simple-table :columns=data.columns :rows=data.rows :page_obj=page_obj :elided_page_range=elided_page_range />
     </div>
 {% endblock content %}

games/views/purchase.py

@@ -45,6 +45,7 @@ def list_purchases(request: HttpRequest) -> HttpResponse:
             "header_action": A([], Button([], "Add purchase"), url="add_purchase"),
             "columns": [
                 "Name",
+                "Type",
                 "Platform",
                 "Price",
                 "Currency",
@@ -68,8 +69,13 @@ def list_purchases(request: HttpRequest) -> HttpResponse:
                                 ),
                             ),
                         ],
-                        truncate_with_popover(purchase.edition.game.name),
+                        truncate_with_popover(
+                            purchase.edition.game.name
+                            if purchase.type == "game"
+                            else f"{purchase.edition.game.name} ({purchase.name})"
+                        ),
                     ),
+                    purchase.get_type_display(),
                     purchase.platform,
                     purchase.price,
                     purchase.price_currency,