From 7fa649fd7f28af35a0697811dc7d0a23549363f4 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Sun, 15 Feb 2026 00:29:35 +0100
Subject: [PATCH] [call-me] - keep aspect ratio

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

diff --git a/package-lock.json b/package-lock.json
index 0eb894b..c42c8af 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "call-me",
-    "version": "1.3.04",
+    "version": "1.3.05",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "call-me",
-            "version": "1.3.04",
+            "version": "1.3.05",
             "license": "AGPLv3",
             "dependencies": {
                 "@ngrok/ngrok": "1.7.0",
diff --git a/package.json b/package.json
index 8dd3f3f..35a91d0 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "call-me",
-    "version": "1.3.04",
+    "version": "1.3.05",
     "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 f9c4d5e..263ead6 100644
--- a/public/style.css
+++ b/public/style.css
@@ -674,8 +674,8 @@ video::-webkit-media-controls {
 /* Hide Local Video on Mobile */
 @media (max-width: 768px) {
     #localVideoContainer {
-        width: 120px;
-        height: 90px;
+        width: 150px;
+        height: 112px;
         top: 15px;
         left: 15px;
         z-index: 100 !important; /* Ensure local video stays on top on mobile */
@@ -803,8 +803,8 @@ video::-webkit-media-controls {
 /* Landscape orientation for mobile */
 @media (max-width: 768px) and (orientation: landscape) {
     #localVideoContainer {
-        width: 100px;
-        height: 75px;
+        width: 120px;
+        height: 90px;
         top: 10px;
         left: 10px;
         z-index: 100 !important; /* Ensure local video stays on top in landscape */
@@ -829,8 +829,8 @@ video::-webkit-media-controls {
 /* Very small screens */
 @media (max-width: 480px) {
     #localVideoContainer {
-        width: 100px;
-        height: 75px;
+        width: 130px;
+        height: 98px;
         top: 10px;
         z-index: 100 !important; /* Ensure local video stays on top on small screens */
         left: 10px;