From 5bcfda6908301a06a1518a9d51f27648dc8f31dd Mon Sep 17 00:00:00 2001
From: "Tom (plebeius.eth)" <tom@plebbit.com>
Date: Sat, 7 Sep 2024 13:45:31 +0200
Subject: [PATCH] fix(post): incorrect spacing on enlarged images

---
 src/components/comment-media/comment-media.module.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/comment-media/comment-media.module.css b/src/components/comment-media/comment-media.module.css
index abca8390..67287ce1 100644
--- a/src/components/comment-media/comment-media.module.css
+++ b/src/components/comment-media/comment-media.module.css
@@ -80,6 +80,7 @@
 .content img, .content video, .content iframe, .content audio {
   max-width: 100%;
   max-height: 100%;
+  object-fit: contain;
 }
 
 .content img {
@@ -128,8 +129,15 @@
   padding: 3px 20px 5px 20px;
 }
 
+.mediaDesktopOp {
+  max-width: calc(100% - 40px);
+  box-sizing: border-box;
+}
+
 .mediaDesktopOp img, .mediaDesktopOp video, .mediaDesktopOp iframe, .mediaDesktopOp audio {
-  padding: 3px 20px 5px 0;
+  padding: 3px 20px 5px 20px;
+  max-width: 100%;
+  box-sizing: border-box;
 }
 
 .fileDeleted {