From 13e6383fd83595862a0ed543a9a853411ce709c0 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Thu, 2 Apr 2026 13:48:17 +0200
Subject: [PATCH] [mirotalk] - improve settings close btn UI

---
 public/css/client.css | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/public/css/client.css b/public/css/client.css
index d3b2690c..ca86565b 100755
--- a/public/css/client.css
+++ b/public/css/client.css
@@ -2633,18 +2633,25 @@ button {
 }
 
 #mySettingsCloseBtn {
-    font-size: 1.2rem;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    padding: 0;
+    font-size: 1rem;
+    line-height: 1;
     color: #fff;
     border: none;
-    border-radius: 8px;
+    border-radius: 12px;
     float: right;
-    margin-right: -10px;
-    background: transparent;
-    transition: background 0.23s;
+    background: var(--body-bg);
+    transition: all 0.25s ease;
 }
 
 #mySettingsCloseBtn:hover {
-    background: var(--body-bg);
+    background: var(--right-msg-bg);
+    transform: translateY(-1px);
 }
 
 .form-check-input {