From 9f2930f74a24db2083e3ef5418c596a78440319e Mon Sep 17 00:00:00 2001
From: kek7198 <grayboy99@protonmail.com>
Date: Thu, 9 Dec 2021 19:45:12 -0600
Subject: [PATCH] fix

---
 files/assets/js/comments.js   | 6 +++---
 files/templates/comments.html | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/files/assets/js/comments.js b/files/assets/js/comments.js
index 5b83cb607..cc8537599 100644
--- a/files/assets/js/comments.js
+++ b/files/assets/js/comments.js
@@ -15,11 +15,11 @@ function collapse_comment(comment_id) {
 
     const isClosed = comment.classList.contains("collapsed");
 
-    // document.getElementById(`comment-toggle-icon-${comment_id}`).innerText = isClosed ? '[+]' : '[-]';
-
     const icon = document.getElementsByClassName(`comment-toggle-icon-${comment_id}`);
     for (let i = 0; i < icon.length; i++) {
-        icon[i].innerText = isClosed ? '[+]' : '[-]';
+        //icon[i].innerText = isClosed ? '[+]' : '[-]'; // text fallback if we don't want to use icons
+        trigger[i].classList.toggle('fa-minus-circle');
+        trigger[i].classList.toggle('fa-plus-circle');
     }
 
     if (isClosed && top < 0) {
diff --git a/files/templates/comments.html b/files/templates/comments.html
index aa7f4b5e1..009e37fc3 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -163,8 +163,8 @@
 
 						<div class="user-info">
 							<span class="comment-collapse-icon" onclick="collapse_comment('{{c.id}}')"></span>
-							<button class="p-2 md:hidden tracking-[2px] comment-toggle-icon-{{c.id}}" onclick="collapse_comment('{{c.id}}')">
-								[-]
+							<button class="p-2 md:hidden" onclick="collapse_comment('{{c.id}}')">
+								<i class="fas fa-minus-circle comment-toggle-icon-{{c.id}}"></i>
 							</button>
 							{% if standalone and c.over_18 %}<span class="badge badge-red">+18</span>{% endif %}
 							{% if c.is_banned %}removed by @{{c.ban_reason}}{% elif c.deleted_utc > 0 %}Deleted by author{% elif c.is_blocking %}You are blocking @{{c.author.username}}{% endif %}
@@ -278,8 +278,8 @@
 			<span class="absolute right-4 top-2" id="reddot-{{c.id}}"></span>
 
 			<div class="user-info no-scrollbar overflow-y-hidden overflow-x-auto flex items-center space-x-2 md:-ml-2 text-sm text-gray-500 leading-normal">
-				<button class="p-2 md:hidden tracking-[2px] comment-toggle-icon-{{c.id}}" onclick="collapse_comment('{{c.id}}')">
-					[-]
+				<button class="p-2 md:hidden" onclick="collapse_comment('{{c.id}}')">
+					<i class="fas fa-minus-circle comment-toggle-icon-{{c.id}}"></i>
 				</button>
 				{% if c.awards %}
 				<ul class="flex space-x-2 mb-0">