From 722895a0c8633412de1f4049b99cb26651581421 Mon Sep 17 00:00:00 2001
From: Zichao Lin <earthjasonlin@163.com>
Date: Tue, 7 Jul 2026 13:58:06 +0800
Subject: [PATCH] fix(dashboard): wrap recent-meta in container so country and
 person display on separate lines

---
 app/templates/dashboard.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/templates/dashboard.html b/app/templates/dashboard.html
index d3d0245..45c9473 100644
--- a/app/templates/dashboard.html
+++ b/app/templates/dashboard.html
@@ -117,6 +117,7 @@ new Chart(document.getElementById('chart-received'), {
                     <strong>{{ pc.card_number }}</strong>
                     <span class="badge badge-{{ pc.status }}">{{ {'sent':'已寄出','delivered':'已送达','received':'已收到'}.get(pc.status) if user.language=='zh' else {'sent':'Sent','delivered':'Delivered','received':'Received'}.get(pc.status) }}</span>
                 </div>
+                <div style="margin-left:auto;text-align:right">
                 <div class="recent-meta">
                     {% if pc.country_from and pc.country_to %}<span>{{ pc.country_from|flag }} {{ pc.country_from }} → {{ pc.country_to|flag }} {{ pc.country_to }}</span>
                     {% elif pc.country_to %}<span>{{ pc.country_to|flag }} {{ pc.country_to }}</span>
@@ -127,7 +128,7 @@ new Chart(document.getElementById('chart-received'), {
                     <span>← {{ pc.sender_name or '-' }}</span>
                     {% endif %}
                 </div>
-                <div class="recent-meta">
+                <div class="recent-meta" style="margin-left:0">
                     <span class="recent-time">
                         {% if pc.status == 'sent' and pc.send_time %}
                             {% set delta = (now.date() - pc.send_time.date()).days %}
@@ -141,6 +142,7 @@ new Chart(document.getElementById('chart-received'), {
                         {% endif %}
                     </span>
                 </div>
+                </div>
             </a>
             {% endfor %}
         </div>