From d693d6d302c971b7d79aa02531fabf09fc157054 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Sat, 14 Feb 2026 23:31:47 +0100
Subject: [PATCH] [call-me] - keep video object-fit: contain

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 public/style.css  | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 05d318d..69751f6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "call-me",
-    "version": "1.3.01",
+    "version": "1.3.02",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "call-me",
-            "version": "1.3.01",
+            "version": "1.3.02",
             "license": "AGPLv3",
             "dependencies": {
                 "@ngrok/ngrok": "1.7.0",
diff --git a/package.json b/package.json
index 3ae1753..09b2dc0 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "call-me",
-    "version": "1.3.01",
+    "version": "1.3.02",
     "description": "Your Go-To for Instant Video Calls",
     "author": "Miroslav Pejic - miroslav.pejic.85@gmail.com",
     "license": "AGPLv3",
diff --git a/public/style.css b/public/style.css
index 4b30271..ce03a28 100644
--- a/public/style.css
+++ b/public/style.css
@@ -276,7 +276,7 @@ video {
     height: auto;
     border: none;
     border-radius: var(--border-radius);
-    object-fit: cover; /* Default for camera feeds */
+    object-fit: contain; /* Show full content without cropping */
     cursor: pointer;
     display: block;
     max-width: 100%;
@@ -290,12 +290,12 @@ video.screen-share,
     background: #000 !important; /* Black background for letterboxing */
 }
 
-/* Camera feed specific styling (default) */
+/* Camera feed specific styling */
 video.camera-feed,
 #localVideo.camera-feed,
 #remoteVideo.camera-feed {
-    object-fit: cover !important; /* Fill container, may crop edges */
-    background: transparent !important;
+    object-fit: contain !important; /* Show full content without cropping */
+    background: #000 !important; /* Black background for letterboxing */
 }
 
 video:hover {