From 1319d80bf61268ca8b774bfc7a0c59007bc20a7a Mon Sep 17 00:00:00 2001
From: Mathis Brossier <mathis.brossier@gmail.com>
Date: Sun, 27 Oct 2024 23:13:48 +0100
Subject: [PATCH] fix cropped map name

---
 client/src/ui/lib/tilePicker.svelte | 1 -
 client/styles/style.scss            | 1 +
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/ui/lib/tilePicker.svelte b/client/src/ui/lib/tilePicker.svelte
index 0ac9b53..f205cfe 100644
--- a/client/src/ui/lib/tilePicker.svelte
+++ b/client/src/ui/lib/tilePicker.svelte
@@ -130,7 +130,6 @@
 
   async function drawLayer(image: Image) {
     const img = await getCanvasImage(image)
-    console.log(image, img, img.width, img.height)
     if (!mounted) return
     canvas.width = img.width as number
     canvas.height = img.height as number
diff --git a/client/styles/style.scss b/client/styles/style.scss
index 8fdf053..0f8f655 100644
--- a/client/styles/style.scss
+++ b/client/styles/style.scss
@@ -15,6 +15,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  padding: .4rem 0; // without this padding, letters below the baseline (q,p,g..) would get cropped by the overflow.
 }
 
 #lobby {