shorter id to snap link

device/templates/details.html

@@ -1,14 +1,7 @@
 {% extends 'base.html' %}
 {% load i18n %}
-
-{% block content %}
-<!-- Top bar buttons -->
-<div class="row">
-  <div class="col">
-    <h3>{{ object.shortid }}</h3>
-  </div>
-  <div class="col text-end">
-    <div class="btn-group" role="group" aria-label="Actions">
+{% block actions %}
+ <!-- Top bar buttons -->
 
       <!-- change state button -->
       {% if state_definitions %}
@@ -52,10 +45,12 @@
         <i class="bi bi-sticky"></i> {% trans "Add a note" %}
       </button>
 
-    </div>
-  </div>
-</div>
+{% endblock %}
 
+{% block content %}
+  <div class="col">
+    <h3>{{ object.shortid }}</h3>
+  </div>
 
   <div class="row">
     <div class="col">
@@ -127,6 +122,25 @@
         </div>
       </div>
     </div>
+
+  {% if dpps %}
+    <div class="tab-pane fade" id="dpps">
+      <h5 class="card-title">{% trans 'List of dpps' %}</h5>
+      <div class="list-group col">
+        {% for d in dpps %}
+          <div class="list-group-item">
+            <div class="d-flex w-100 justify-content-between">
+              <small class="text-muted">{{ d.timestamp }}</small>
+	      <span>{{ d.type }}</span>
+            </div>
+            <p class="mb-1">
+              <a href="{% url 'did:device_web' d.signature %}">{{ d.signature }}</a>
+            </p>
+          </div>
+        {% endfor %}
+      </div>
+    </div>
+    {% endif %}
   </div>
 
 {% endblock %}

device/templates/tabs/evidences.html

@@ -16,7 +16,7 @@
 	     {% for snap in object.evidences %}
              <tr>
                <td>
-                  <a href="{% url 'evidence:details' snap.uuid %}">{{ snap.uuid }}</a>
+                  <a href="{% url 'evidence:details' snap.uuid %}">{{ snap.uuid|truncatechars:7|upper }}</a>
 	       </td>
                <td>
 		 {% if snap.did_document %}