From 4d4664c7e453baa080de2f144dd3ff12c3aaa329 Mon Sep 17 00:00:00 2001
From: Face <69168154+face-hh@users.noreply.github.com>
Date: Fri, 9 Aug 2024 09:48:06 +0300
Subject: [PATCH] Fix hover clipping on buttons

---
 src/routes/Lynt.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/Lynt.svelte b/src/routes/Lynt.svelte
index aeead42..27e842d 100644
--- a/src/routes/Lynt.svelte
+++ b/src/routes/Lynt.svelte
@@ -322,13 +322,13 @@
 
 <button on:click|stopPropagation={() => openLynt(id)} class="mb-2 w-full text-left">
 	<div
-		class="flex w-full gap-3 rounded-xl bg-lynt-foreground p-3 transition-colors hover:bg-border"
+		class="flex w-full gap-3 overflow-hidden rounded-xl bg-lynt-foreground p-3 transition-colors hover:bg-border"
 	>
 		<a href="/@{handle}" class="inline-block max-h-[40px] min-w-[40px]">
 			<Avatar size={10} src={cdnUrl(userId, 'small')} alt="A profile picture." />
 		</a>
 
-		<div class="flex w-full max-w-[530px] flex-col gap-2 overflow-hidden">
+		<div class="flex w-full max-w-[530px] flex-col gap-2">
 			<!-- Lynt that actually gets displayed. Main lynt -->
 			<LyntContents
 				{truncateContent}