From e0c3ac84a2a10ba7f75773e0fb3fb3fa19e36fb1 Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Wed, 11 Sep 2024 19:52:31 +0300
Subject: [PATCH] Fix alignment of swipe counter

---
 public/script.js | 4 ++--
 public/style.css | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/script.js b/public/script.js
index fd9dfab1f..0a1e0c309 100644
--- a/public/script.js
+++ b/public/script.js
@@ -7486,7 +7486,7 @@ export function showSwipeButtons() {
 
     const currentMessage = $('#chat').children().filter(`[mesid="${chat.length - 1}"]`);
     const swipeId = chat[chat.length - 1].swipe_id;
-    var swipesCounterHTML = (`${(swipeId + 1)}/${(chat[chat.length - 1].swipes.length)}`);
+    const swipeCounterText = (`${(swipeId + 1)}\u200B/\u200b${(chat[chat.length - 1].swipes.length)}`);
 
     if (swipeId !== undefined && (chat[chat.length - 1].swipes.length > 1 || swipeId > 0)) {
         currentMessage.children('.swipe_left').css('display', 'flex');
@@ -7503,7 +7503,7 @@ export function showSwipeButtons() {
     }
     //console.log(swipesCounterHTML);
 
-    $('.swipes-counter').html(swipesCounterHTML);
+    $('.swipes-counter').text(swipeCounterText);
 
     //console.log(swipeId);
     //console.log(chat[chat.length - 1].swipes.length);
diff --git a/public/style.css b/public/style.css
index 7e3374f5d..b4c8b714b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -993,7 +993,7 @@ body .panelControlBar {
     padding: 0;
     font-family: var(--mainFontFamily);
     font-weight: 400;
-    align-self: self-end;
+    align-self: center;
 }
 
 .swipe_left {
@@ -5459,4 +5459,4 @@ body:not(.movingUI) .drawer-content.maximized {
 
 #AdvancedFormatting .autoSetHeight {
     overflow-wrap: anywhere;
-}
\ No newline at end of file
+}