Reduce size of card badges, and change trade offers to show all cards by default, but in minimized mode. expand button now toggles between minimized mode and expanded mode for all cards on the trade offer

theme/templates/trades/_trade_offer_list.html

@@ -4,7 +4,7 @@
   For a TradeOffer, we use {% render_trade_offer %}; for a TradeAcceptance, {% render_trade_acceptance %}.
 {% endcomment %}
 
-<div class="flex flex-row gap-4 flex-wrap justify-center items-start">
+<div class="flex flex-row gap-2 flex-wrap justify-center items-start">
   {% for offer in offers %}
     <div class="flex flex-none">
       {% if offer.accepted_by %}

theme/templates/trades/trade_acceptance_create.html

@@ -8,7 +8,7 @@
   <form method="post" novalidate>
     {% csrf_token %}
     {{ form.as_p }}
-    <button type="submit" class="btn btn-primary">Submit Acceptance</button>
+    <button type="submit" class="btn btn-primary">Accept Trade</button>
   </form>
   {% if form.errors %}
     <div class="alert alert-error mt-4">

theme/templates/trades/trade_offer_all_list.html

@@ -4,7 +4,7 @@
 {% block title %}Trade Offers{% endblock title %}
 
 {% block content %}
-<div class="container mx-auto max-w-4xl mt-6" x-data="{
+<div x-data="{
     // Initialize allExpanded from the URL if present, defaulting to false.
     allExpanded: new URLSearchParams(window.location.search).get('expanded') === 'true',
     page: {{ page_obj.number|default:1 }},

theme/templates/trades/trade_offer_detail.html

@@ -46,7 +46,7 @@
       </div>
     {% endif %}
 
-    <div class="mt-6 flex justify-between">
+    <div class="mt-6 flex justify-end">
       {% if is_initiator %}
         <a href="{{ delete_close_url }}" class="btn btn-danger">Delete/Close Trade Offer</a>
       {% elif request.user.is_authenticated %}