From 0d6e8f2e4e883194f29c8a006b2a5efe8cd5dbb8 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Mon, 1 Apr 2024 21:33:48 +0200
Subject: [PATCH] adjust padding for media

---
 src/components/media/media.module.css | 8 ++++++++
 src/components/media/media.tsx        | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/media/media.module.css b/src/components/media/media.module.css
index 4510e08a..65900532 100644
--- a/src/components/media/media.module.css
+++ b/src/components/media/media.module.css
@@ -81,4 +81,12 @@
 
 .mediaMobile img, .mediaMobile video, .mediaMobile iframe, .mediaMobile audio {
   padding: 3px 0 5px 0;
+}
+
+.mediaDesktopReply img, .mediaDesktopReply video, .mediaDesktopReply iframe, .mediaDesktopReply audio {
+  padding: 3px 20px 5px 20px;
+}
+
+.mediaDesktopOp img, .mediaDesktopOp video, .mediaDesktopOp iframe, .mediaDesktopOp audio {
+  padding: 3px 20px 5px 0;
 }
\ No newline at end of file
diff --git a/src/components/media/media.tsx b/src/components/media/media.tsx
index b80b5570..cdffeb1a 100644
--- a/src/components/media/media.tsx
+++ b/src/components/media/media.tsx
@@ -75,7 +75,7 @@ const Thumbnail = ({ commentMediaInfo, isMobile, isReply, linkHeight, linkWidth
 
 const Media = ({ commentMediaInfo, isMobile, isReply, linkHeight, linkWidth, showThumbnail, setShowThumbnail }: MediaProps) => {
   const { t } = useTranslation();
-  const mediaClass = isMobile ? styles.mediaMobile : styles.mediaDesktop;
+  const mediaClass = isMobile ? styles.mediaMobile : isReply ? styles.mediaDesktopReply : styles.mediaDesktopOp;
 
   return (
     <span className={styles.content}>