Better style for <small> tags

templates/blogs/details.html.tera

@@ -6,7 +6,7 @@
 {% endblock title %}
 
 {% block content %}
-    <h1>{{ blog.title }} (~{{ blog.actor_id }})</h1>
+    <h1>{{ blog.title }} <small>~{{ blog.actor_id }}</small></h1>
     <p>{{ blog.summary }}</p>
     <p>
         {{ "{{ count }} authors in this blog: " | _n(singular="One author in this blog: ", count = n_authors) }}

templates/posts/details.html.tera

@@ -87,7 +87,7 @@
                     <div class="comment" id="comment-{{ comment.id }}">
                         <a class="author" href="{{ comment.author.ap_url }}">
                             <span class="display-name">{{ comment.author.display_name }}</span>
-                            <span class="username">@{{ comment.author.username }}</span>
+                            <small>@{{ comment.author.username }}</small>
                         </a>
                         <div class="text">{{ comment.content | safe }}</div>
                         <a class="button" href="?responding_to={{ comment.id }}">{{ "Respond" | _ }}</a>

templates/users/followers.html.tera

@@ -22,7 +22,7 @@
             {% set follower_name = follower.username %}
         {% endif %}
         <div class="card">
-            <h3><a href="/@/{{ follower.fqn }}/">{{ follower_name }}</a> &mdash; @{{ follower.fqn }}</h3>
+            <h3><a href="/@/{{ follower.fqn }}/">{{ follower_name }}</a> <small>@{{ follower.fqn }}</small></h3>
             <main><p>{{ follower.summary | safe }}</p></main>
         </div>
     {% endfor %}