From fc3e388b8073e679d0de56e5b23731007dc86c5f Mon Sep 17 00:00:00 2001
From: Yuri Karamian <yuri@arkhost.com>
Date: Mon, 3 Aug 2026 01:53:25 +0200
Subject: [PATCH] Refine custom icon size guidance

---
 src/lib/components/Sidebar.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/Sidebar.svelte b/src/lib/components/Sidebar.svelte
index a71869b..66e3dc5 100644
--- a/src/lib/components/Sidebar.svelte
+++ b/src/lib/components/Sidebar.svelte
@@ -992,7 +992,6 @@
 				{/each}
 			</div>
 			<div class="icon-picker-actions">
-				<p class="icon-picker-recommendation">Recommended custom image size: <strong>128 × 128 px</strong></p>
 				<button onclick={() => handleCustomIcon(iconPickerNotebook!)}>
 					<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" /><circle cx="8.5" cy="8.5" r="1.5" /><path d="m21 15-5-5L5 21" /></svg>
 					Custom image...
@@ -1003,6 +1002,7 @@
 						Use default
 					</button>
 				{/if}
+				<p class="icon-picker-recommendation">Recommended size: <strong>1:1 aspect ratio</strong></p>
 			</div>
 		</div>
 	</div>
@@ -1794,10 +1794,10 @@
 
 	.icon-picker-recommendation {
 		flex: 0 0 100%;
-		margin: 0 0 2px;
+		margin: 2px 0 0;
 		color: var(--text-tertiary);
-		font-size: 12px;
-		line-height: 1.4;
+		font-size: 11px;
+		line-height: 1.3;
 		text-align: center;
 	}