From 958a85be91b76454c378c72333312fdaff6e0fa1 Mon Sep 17 00:00:00 2001
From: benya <benya@daemonlord.ru>
Date: Sun, 8 Mar 2026 19:30:41 +0300
Subject: [PATCH] web(settings): center no-avatar placeholder text inside
 circle

---
 web/src/components/SettingsPanel.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/components/SettingsPanel.tsx b/web/src/components/SettingsPanel.tsx
index 300afff..1985b6e 100644
--- a/web/src/components/SettingsPanel.tsx
+++ b/web/src/components/SettingsPanel.tsx
@@ -265,7 +265,10 @@ export function SettingsPanel({ open, onClose }: Props) {
                     {profileDraft.avatarUrl.trim() ? (
                       <img alt="avatar preview" className="h-12 w-12 rounded-full object-cover" src={profileDraft.avatarUrl.trim()} />
                     ) : (
-                      <div className="flex h-12 w-12 items-center justify-center rounded-full bg-slate-700 text-xs text-slate-300">No avatar</div>
+                      <div className="flex h-12 w-12 flex-col items-center justify-center rounded-full bg-slate-700 text-[10px] leading-[1.05] text-slate-300">
+                        <span>No</span>
+                        <span>avatar</span>
+                      </div>
                     )}
                     <div className="flex flex-wrap items-center gap-2">
                       <label className="cursor-pointer rounded bg-sky-500 px-3 py-1.5 text-xs font-semibold text-slate-950">