tweaked some prose templating in apps.drama.models; updated _applet-billboard-most-recent.html partial to mirror new row-by-row styling & html structure of room_scroll.html

src/templates/apps/billboard/_partials/_applet-billboard-most-recent.html

@@ -10,13 +10,13 @@
             <a href="{% url 'billboard:scroll' recent_room.id %}" class="most-recent-load-more">Load more….</a>
             {% for event in recent_events %}
                 <div class="drama-event {% if event.actor == viewer %}mine{% else %}theirs{% endif %}">
-                    <span class="event-body">
+                    <span class="drama-event-body">
                         <strong>{{ event.actor|display_name }}</strong>
-                        {{ event.to_prose }}<br>
-                        <time class="event-time" datetime="{{ event.timestamp|date:'c' }}">
-                            {{ event.timestamp|date:"N j, g:i a" }}
-                        </time>
+                        {{ event.to_prose }}
                     </span>
+                    <time class="drama-event-time" datetime="{{ event.timestamp|date:'c' }}">
+                        {{ event.timestamp|relative_ts }}
+                    </time>
                 </div>
             {% empty %}
                 <p class="event-empty"><small>No events yet.</small></p>