Make 'in reply to' more user-friendly by hiding the URL behind object type

app/scss/main.scss

@@ -415,7 +415,6 @@ a.label-btn {
     margin: 15px 0;
     padding: 20px;
     .in-reply-to {
-        color: $muted-color;
         &:hover {
             color: $secondary-color;
             text-decoration: underline;

app/templates/utils.html

@@ -376,9 +376,9 @@
     {% endif %}
 
     {% if object.in_reply_to %}
-    <a href="{% if is_admin and object.is_in_reply_to_from_inbox %}{{ url_for("get_lookup") }}?query={% endif %}{{ object.in_reply_to }}" title="{{ object.in_reply_to }}" class="in-reply-to" rel="nofollow">
-            in reply to {{ object.in_reply_to|truncate(64, True) }}
-        </a>
+    <p>in reply to <a href="{% if is_admin and object.is_in_reply_to_from_inbox %}{{ url_for("get_lookup") }}?query={% endif %}{{ object.in_reply_to }}" title="{{ object.in_reply_to }}" class="in-reply-to" rel="nofollow">
+            this {{ object.ap_type|lower }}
+        </a></p>
     {% endif %}
 
     {% if object.ap_type == "Article" %}