From 67fb1a9b197ea597b43e93c57735fa47be5ce2f9 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 7 Sep 2023 11:58:17 +0800
Subject: [PATCH] It's time to double down on scale-down

---
 src/components/compose.css | 4 ++--
 src/components/status.css  | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/compose.css b/src/components/compose.css
index 5fc1d871..71e566d2 100644
--- a/src/components/compose.css
+++ b/src/components/compose.css
@@ -335,7 +335,7 @@
 #compose-container .media-preview > * {
   width: 80px;
   height: 80px;
-  object-fit: contain;
+  object-fit: scale-down;
   vertical-align: middle;
   pointer-events: none;
 }
@@ -516,7 +516,7 @@
   width: 100%;
   height: 100%;
   max-height: 50vh;
-  object-fit: contain;
+  object-fit: scale-down;
   vertical-align: middle;
 }
 
diff --git a/src/components/status.css b/src/components/status.css
index ae002867..f4a462e3 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -769,7 +769,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
 .status .media video {
   width: 100%;
   height: 100%;
-  object-fit: contain;
+  object-fit: scale-down;
   /* border-radius: calc(var(--media-radius) - var(--media-border-width)); */
   border-radius: inherit;
 }
@@ -842,7 +842,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
   width: fit-content;
 }
 .status .media-contain video {
-  object-fit: contain !important;
+  object-fit: scale-down !important;
 }
 /* .status .media-audio {
   border: 0;
@@ -1395,7 +1395,7 @@ a.card:is(:hover, :focus) {
   width: 1.2em;
   height: 1.2em;
   vertical-align: text-bottom;
-  object-fit: contain;
+  object-fit: scale-down;
 }
 
 /* EDIT HISTORY */