From d8fe2fb1917d04b2c9d659fa9b4c5294376feac4 Mon Sep 17 00:00:00 2001
From: Eduardo Silva <eduardo@eth0.com.br>
Date: Mon, 26 Jan 2026 09:36:13 -0300
Subject: [PATCH] refactor peer_data.html for improved readability and
 structure

---
 templates/wireguard/peer_list/peer_data.html | 75 ++++++++++++--------
 1 file changed, 46 insertions(+), 29 deletions(-)

diff --git a/templates/wireguard/peer_list/peer_data.html b/templates/wireguard/peer_list/peer_data.html
index 5461cf4..c6a40c4 100644
--- a/templates/wireguard/peer_list/peer_data.html
+++ b/templates/wireguard/peer_list/peer_data.html
@@ -2,8 +2,7 @@
 {% for peer in peer_list %}
     <div class="col-xl-6" id="peer-{{ peer.public_key }}" data-uuid="{{ peer.uuid }}">
         <div class="callout position-relative">
-            <div class="position-absolute p-3 div-peer-text-information"
-                 style="top: 0; left: 0; background: linear-gradient(to right, white, transparent); width: 100%; height: 100%;">
+            <div class="position-absolute p-3 div-peer-text-information">
                 <div class="d-flex justify-content-between align-items-start">
                     <h5 id="peer-name-{{ peer.public_key }}">
                         <a href="#" onclick="openPeerModal('{{ peer.uuid }}');" style="text-decoration: none">
@@ -29,35 +28,53 @@
                 </div>
                 <b class="peer-extra-info">{% trans 'Throughput' %}: </b>
                 <span id="peer-throughput-{{ peer.public_key }}"></span><br>
-                <span class="peer-extra-info"><b>{% trans 'Transfer' %}:</b> <span
-                        id="peer-transfer-{{ peer.public_key }}"></span><br></span>
-                <span class="peer-extra-info"><b>{% trans 'Location' %}:</b> <span
-                        id="peer-location-{{ peer.public_key }}">{% trans 'Primary Server' %}</span><br></span>
-                <span class="peer-extra-info"><b>{% trans 'Latest Handshake' %}:</b> <span
-                        id="peer-latest-handshake-{{ peer.public_key }}"></span></span>
-                <span class="peer-extra-info"><span style="display: none;"
-                                                    id="peer-stored-latest-handshake-{{ peer.public_key }}">{% if peer.peerstatus.last_handshake %}
-                    {{ peer.peerstatus.last_handshake|date:"U" }}{% else %}0{% endif %}</span><br></span>
-                <span class="peer-extra-info"><b>{% trans 'Endpoints' %}:</b> <span
-                        id="peer-endpoints-{{ peer.public_key }}"></span><br></span>
+
+                <span class="peer-extra-info"><b>{% trans 'Transfer' %}:</b>
+                    <span id="peer-transfer-{{ peer.public_key }}"></span><br>
+                </span>
+
+                <span class="peer-extra-info"><b>{% trans 'Location' %}:</b>
+                    <span id="peer-location-{{ peer.public_key }}">{% trans 'Primary Server' %}</span><br>
+                </span>
+
+                <span class="peer-extra-info"><b>{% trans 'Latest Handshake' %}:</b>
+                    <span id="peer-latest-handshake-{{ peer.public_key }}"></span>
+                </span>
+
+                <span class="peer-extra-info">
+                    <span style="display: none;" id="peer-stored-latest-handshake-{{ peer.public_key }}">
+                        {% if peer.peerstatus.last_handshake %}
+                            {{ peer.peerstatus.last_handshake|date:"U" }}
+                        {% else %}
+                            0
+                        {% endif %}
+                    </span><br>
+                </span>
+
+                <span class="peer-extra-info"><b>{% trans 'Endpoints' %}:</b>
+                    <span id="peer-endpoints-{{ peer.public_key }}"></span><br>
+                </span>
+
                 <span class="peer-extra-info" id="peer-extra-info-allowed-ips-{{ peer.public_key }}">
-                                                <b>{% trans 'Allowed IPs' %}:</b>
-                                                <span id="peer-allowed-ips-{{ peer.public_key }}">
-                                                    {% for address in peer.peerallowedip_set.all %}
-                                                        {% if address.priority == 0 and address.config_file == 'server' %}
-                                                            {{ address }}
-                                                        {% endif %}
-                                                    {% endfor %}
-                                                    {% for address in peer.peerallowedip_set.all %}
-                                                        {% if address.priority >= 1 and address.config_file == 'server' %}
-                                                            {{ address }}
-                                                        {% endif %}
-                                                    {% endfor %}
-                                                </span>
-                                            </span>
+                    <b>{% trans 'Allowed IPs' %}:</b>
+                    <span id="peer-allowed-ips-{{ peer.public_key }}">
+                        {% for address in peer.peerallowedip_set.all %}
+                            {% if address.priority == 0 and address.config_file == 'server' %}
+                                {{ address }}
+                            {% endif %}
+                        {% endfor %}
+                        {% for address in peer.peerallowedip_set.all %}
+                            {% if address.priority >= 1 and address.config_file == 'server' %}
+                                {{ address }}
+                            {% endif %}
+                        {% endfor %}
+                    </span>
+                </span>
+
             </div>
-            <canvas class="" id="chart-{{ peer.public_key }}" width="800" height="130"
-                    style="min-height: 85px"></canvas>
+
+            <canvas id="chart-{{ peer.public_key }}" width="800" height="130" style="min-height: 85px"></canvas>
+
         </div>
     </div>
 {% endfor %}
\ No newline at end of file