From c4953d924e238eb466e57865ebc09ffdd4e83a09 Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Fri, 10 Feb 2023 15:44:47 +0200
Subject: [PATCH] more improvements to chat

---
 files/assets/js/chat.js   |  8 ++++----
 files/templates/chat.html | 30 ++++++++++++++++--------------
 2 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/files/assets/js/chat.js b/files/assets/js/chat.js
index 3b2959c8ba..3661de299f 100644
--- a/files/assets/js/chat.js
+++ b/files/assets/js/chat.js
@@ -174,13 +174,13 @@ function send() {
 function quote(t) {
 	document.getElementById("quotes").classList.remove("d-none")
 
-	const text = t.parentElement.getElementsByClassName("text")[0].innerHTML.replace(/\*/g,"\\*").split('\n').pop()
+	const text = t.parentElement.parentElement.getElementsByClassName("text")[0].innerHTML.replace(/\*/g,"\\*").split('\n').pop()
 	document.getElementById('QuotedMessage').innerHTML = text
 
-	const username = t.parentElement.parentElement.parentElement.parentElement.getElementsByClassName('userlink')[0].textContent
+	const username = t.parentElement.parentElement.parentElement.parentElement.parentElement.getElementsByClassName('userlink')[0].textContent
 	document.getElementById('QuotedUser').innerHTML = username
 
-	const id = t.parentElement.parentElement.parentElement.id
+	const id = t.parentElement.parentElement.parentElement.parentElement.id
 	document.getElementById('quotes_id').value = id
 	document.getElementById('QuotedMessageLink').href = `#${id}`
 
@@ -256,7 +256,7 @@ socket.on('typing', function (users){
 
 
 function del(t) {
-	const chatline = t.parentElement.parentElement.parentElement
+	const chatline = t.parentElement.parentElement.parentElement.parentElement
 	socket.emit('delete', chatline.id);
 	chatline.remove()
 }
diff --git a/files/templates/chat.html b/files/templates/chat.html
index ee8c81c902..6823bade3f 100644
--- a/files/templates/chat.html
+++ b/files/templates/chat.html
@@ -29,7 +29,7 @@
 				{% set mentioned = m and vlink in m['text_html'] or (quote_exists and messages[m['quotes']]['user_id'] == v.id) %}
 				<div class="chat-line {% if mentioned %}chat-mention{% endif %}" {% if m %}id="{{id}}"{% endif %}>
 					<div class="d-flex align-items-center">
-						<div class="text-muted chat-line-content d-flex">
+						<div class="text-muted chat-line-content">
 							<div class="{% if not (m and m['quotes']) %}d-none{% endif %} quotes" style="font-size:12px">
 								<a class="QuotedMessageLink" {% if m and m['quotes'] %}href="#{{m['quotes']}}"{% endif %}>
 									<i class="fas fa-reply"></i> 
@@ -46,21 +46,23 @@
 								</a>
 							</div>
 
-							<span class="chat-message text-black text-break">
-								{% if m %}
-									{% if v.slurreplacer %}
-										{{m['text_censored'] | safe}}
-									{% else %}
-										{{m['text_html'] | safe}}
+							<div class="d-flex">
+								<span class="chat-message text-black text-break">
+									{% if m %}
+										{% if v.slurreplacer %}
+											{{m['text_censored'] | safe}}
+										{% else %}
+											{{m['text_html'] | safe}}
+										{% endif %}
 									{% endif %}
+								</span>
+								<span class="text d-none">{% if m %}{{m['text']}}{% endif %}</span>
+								<i class="quote btn fas fa-reply ml-auto" data-nonce="{{g.nonce}}" data-onclick="quote(this)"></i>
+								{% if v.admin_level > 1 %}
+									<i class="btn del fas fa-trash-alt"></i>
+									<i class="btn d-none del delmsg fas fa-trash-alt text-danger" data-nonce="{{g.nonce}}" data-onclick="del(this)"></i>
 								{% endif %}
-							</span>
-							<span class="text d-none">{% if m %}{{m['text']}}{% endif %}</span>
-							<i class="quote btn fas fa-reply ml-auto" data-nonce="{{g.nonce}}" data-onclick="quote(this)"></i>
-							{% if v.admin_level > 1 %}
-								<i class="btn del fas fa-trash-alt"></i>
-								<i class="btn d-none del delmsg fas fa-trash-alt text-danger" data-nonce="{{g.nonce}}" data-onclick="del(this)"></i>
-							{% endif %}
+							</div>
 						</div>
 					</div>
 				</div>