From 77509b9931b6dc554e5ba9a5580745f5327057c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Fri, 13 Sep 2024 23:09:06 +0200
Subject: [PATCH] pl-fe: improve reactions styles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 packages/pl-fe/src/components/status-reactions-bar.tsx | 4 ++--
 packages/pl-fe/src/components/still-image.tsx          | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/pl-fe/src/components/status-reactions-bar.tsx b/packages/pl-fe/src/components/status-reactions-bar.tsx
index 2cf7cfe32d..dfd582868d 100644
--- a/packages/pl-fe/src/components/status-reactions-bar.tsx
+++ b/packages/pl-fe/src/components/status-reactions-bar.tsx
@@ -72,7 +72,7 @@ const StatusReaction: React.FC<IStatusReaction> = ({ reaction, status, obfuscate
 
   return (
     <button
-      className={clsx('group flex cursor-pointer items-center gap-2 overflow-hidden rounded-md border border-gray-400 p-1.5 transition-colors', {
+      className={clsx('group flex cursor-pointer items-center gap-2 overflow-hidden rounded-md border border-gray-400 px-1.5 py-1 transition-colors', {
         'bg-primary-100 dark:border-primary-400 dark:bg-primary-400 black:border-primary-600 black:bg-primary-600': reaction.me,
         'bg-transparent dark:border-primary-700 dark:bg-primary-700 black:border-primary-800 black:bg-primary-800': !reaction.me,
         'cursor-pointer': !unauthenticated,
@@ -88,7 +88,7 @@ const StatusReaction: React.FC<IStatusReaction> = ({ reaction, status, obfuscate
       disabled={unauthenticated}
       {...bind}
     >
-      <Emoji className='h-4 w-4' emoji={reaction.name} src={reaction.url || undefined} />
+      <Emoji className='h-5 w-5' emoji={reaction.name} src={reaction.url || undefined} />
 
       <Text size='xs' weight='semibold' theme='inherit'>
         <AnimatedNumber value={reaction.count} obfuscate={obfuscate} short />
diff --git a/packages/pl-fe/src/components/still-image.tsx b/packages/pl-fe/src/components/still-image.tsx
index 905392e22a..4ca3e767a9 100644
--- a/packages/pl-fe/src/components/still-image.tsx
+++ b/packages/pl-fe/src/components/still-image.tsx
@@ -34,7 +34,7 @@ const StillImage: React.FC<IStillImage> = ({
   const img = useRef<HTMLImageElement>(null);
 
   const hoverToPlay = (
-    src && !autoPlayGif && (isGif || src.endsWith('.gif') || src.startsWith('blob:'))
+    src && !autoPlayGif && ((isGif && !src.endsWith('.png')) || src.endsWith('.gif') || src.startsWith('blob:'))
   );
 
   const handleImageLoad = () => {