From 7c7d1331007fd91651288d4da49dab7b3161d728 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Tue, 2 Apr 2024 12:54:56 +0200
Subject: [PATCH] style(media): adjust positioning and size

---
 src/components/media/media.module.css | 8 ++++++--
 src/components/post/post.module.css   | 7 -------
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/components/media/media.module.css b/src/components/media/media.module.css
index 65900532..cd1f01bf 100644
--- a/src/components/media/media.module.css
+++ b/src/components/media/media.module.css
@@ -40,12 +40,16 @@
   display: block;
 }
 
-.content img {
-  cursor: pointer;
+.content img, .content video, .content iframe, .content audio {
+  box-sizing: border-box;
   max-width: 100%;
   max-height: 100%;
 }
 
+.content img {
+  cursor: pointer;
+}
+
 .content iframe {
   border: none;
 }
diff --git a/src/components/post/post.module.css b/src/components/post/post.module.css
index 1dfa856d..022a05b7 100644
--- a/src/components/post/post.module.css
+++ b/src/components/post/post.module.css
@@ -311,13 +311,6 @@
   background-color: var(--post-mobile-background-color);
 }
 
-/* clearfix to the container of the floatied elements to contain them */
-.replyContainer::after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
 .replyMobile .postInfo {
   padding: 5px;
   border-bottom: var(--post-mobile-info-border-bottom);