From cc6ad3ded44c6835c2d0c7d15829d13bd7b59915 Mon Sep 17 00:00:00 2001
From: mummified-corroding-granny
 <mummified-corroding-granny@noreply.fsdfsd.net>
Date: Mon, 13 Feb 2023 18:58:07 +0000
Subject: [PATCH] comments: changed display to inline block in more meta
 elements (#118)

Kindly,

This is follow-up work to https://fsdfsd.net/rDrama/rDrama/pulls/110 where I target post comments.

This fixes element spliting for "Edited X ago", reply arrow + name and lottery icon + lottery message

Thanks,
granny

Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/118
Co-authored-by: mummified-corroding-granny <mummified-corroding-granny@noreply.fsdfsd.net>
Co-committed-by: mummified-corroding-granny <mummified-corroding-granny@noreply.fsdfsd.net>
---
 files/templates/comments.html | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/files/templates/comments.html b/files/templates/comments.html
index 7ea66099b..761305c23 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -193,25 +193,31 @@
 				{% endif %}
 
 				{% if c.notif_utc %}
-					<span id="timestamp-{{c.id}}" data-nonce="{{g.nonce}}" data-onmouseover="timestamp(this, '{{c.notif_utc}}')" data-bs-toggle="tooltip" data-bs-placement="bottom" class="time-stamp">&nbsp;{{c.age_string}}</span>
+					<span id="timestamp-{{c.id}}" data-nonce="{{g.nonce}}" data-onmouseover="timestamp(this, '{{c.notif_utc}}')" data-bs-toggle="tooltip" data-bs-placement="bottom" class="time-stamp d-inline-block">&nbsp;{{c.age_string}}</span>
 				{% elif c.created_utc %}
-					<span id="timestamp-{{c.id}}" data-nonce="{{g.nonce}}" data-onmouseover="timestamp(this, '{{c.created_utc}}')" data-bs-toggle="tooltip" data-bs-placement="bottom" class="time-stamp">&nbsp;{{c.age_string}}</span>
+					<span id="timestamp-{{c.id}}" data-nonce="{{g.nonce}}" data-onmouseover="timestamp(this, '{{c.created_utc}}')" data-bs-toggle="tooltip" data-bs-placement="bottom" class="time-stamp d-inline-block">&nbsp;{{c.age_string}}</span>
 				{% endif %}
 
 				{% if c.edited_utc %}
-				<span class="time-edited" id="time-edit-{{c.id}}" data-nonce="{{g.nonce}}" data-onmouseover="timestamp(this, '{{c.edited_utc}}')"><span>&#183;</span> <span class="font-italic">Edited {{c.edited_string}}</span></span>
+				<span class="time-edited" id="time-edit-{{c.id}}" data-nonce="{{g.nonce}}" data-onmouseover="timestamp(this, '{{c.edited_utc}}')"><span>&#183;</span> <span class="font-italic d-inline-block">Edited {{c.edited_string}}</span></span>
 				{% endif %}
 
 				{% if c.treasure_amount and c.treasure_amount != '0' %}
 				{% if c.treasure_amount.startswith('l') %}
-				<img class="treasure" loading="lazy" alt="treasure" src="/i/treasure_tickets.webp" width="20" height="20">
-				<em>Found {{c.treasure_amount.replace('l', '')}} Lottershe Tickets!</em>
+				<span class="d-inline-block"> 
+					<img class="treasure" loading="lazy" alt="treasure" src="/i/treasure_tickets.webp" width="20" height="20">
+					<em>Found {{c.treasure_amount.replace('l', '')}} Lottershe Tickets!</em>
+				</span>
 				{% elif '-' in c.treasure_amount %}
-				<img class="treasure" loading="lazy" alt="treasure" src="/i/treasure_mimic.webp" width="20" height="20">
-				<em>A Mimic Ate {{c.treasure_amount.replace('-', '')}} Coins!</em>
+				<span class="d-inline-block"> 
+					<img class="treasure" loading="lazy" alt="treasure" src="/i/treasure_mimic.webp" width="20" height="20">
+					<em>A Mimic Ate {{c.treasure_amount.replace('-', '')}} Coins!</em>
+				</span>
 				{% else %}
-				<img class="treasure" loading="lazy" alt="treasure" src="/i/treasure_coins.webp" width="20" height="20">
-				<em>Found {{c.treasure_amount}} Coins!</em>
+				<span class="d-inline-block"> 
+					<img class="treasure" loading="lazy" alt="treasure" src="/i/treasure_coins.webp" width="20" height="20">
+					<em>Found {{c.treasure_amount}} Coins!</em>
+				</span>
 				{% endif %}
 				{% endif %}