From 1237630d8c556cdfa6f92bef149662cc84f923f3 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Thu, 9 Apr 2026 09:51:39 +0200
Subject: [PATCH] [call-me] - improve UI, update dep

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

diff --git a/package-lock.json b/package-lock.json
index 4d6f947..46a8150 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,16 +1,16 @@
 {
     "name": "call-me",
-    "version": "1.3.32",
+    "version": "1.3.33",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "call-me",
-            "version": "1.3.32",
+            "version": "1.3.33",
             "license": "AGPLv3",
             "dependencies": {
                 "@ngrok/ngrok": "1.7.0",
-                "axios": "^1.14.0",
+                "axios": "^1.15.0",
                 "colors": "^1.4.0",
                 "cors": "^2.8.6",
                 "dotenv": "^17.4.1",
@@ -343,9 +343,9 @@
             "license": "MIT"
         },
         "node_modules/axios": {
-            "version": "1.14.0",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.14.0.tgz",
-            "integrity": "sha512-3Y8yrqLSwjuzpXuZ0oIYZ/XGgLwUIBU3uLvbcpb0pidD9ctpShJd43KSlEEkVQg6DS0G9NKyzOvBfUtDKEyHvQ==",
+            "version": "1.15.0",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.15.0.tgz",
+            "integrity": "sha512-wWyJDlAatxk30ZJer+GeCWS209sA42X+N5jU2jy6oHTp7ufw8uzUTVFBX9+wTfAlhiJXGS0Bq7X6efruWjuK9Q==",
             "license": "MIT",
             "dependencies": {
                 "follow-redirects": "^1.15.11",
diff --git a/package.json b/package.json
index 567a208..28d60b4 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "call-me",
-    "version": "1.3.32",
+    "version": "1.3.33",
     "description": "Your Go-To for Instant Video Calls",
     "author": "Miroslav Pejic - miroslav.pejic.85@gmail.com",
     "license": "AGPLv3",
@@ -21,7 +21,7 @@
     },
     "dependencies": {
         "@ngrok/ngrok": "1.7.0",
-        "axios": "^1.14.0",
+        "axios": "^1.15.0",
         "colors": "^1.4.0",
         "cors": "^2.8.6",
         "dotenv": "^17.4.1",
diff --git a/public/index.html b/public/index.html
index ba5cead..4c9d033 100755
--- a/public/index.html
+++ b/public/index.html
@@ -66,7 +66,7 @@
         <!-- Sign-in Page -->
         <div id="signInPage" class="container mt-5">
             <div class="row justify-content-center">
-                <div class="col-md-6">
+                <div class="col-md-6 col-lg-5 col-xl-4">
                     <div class="card">
                         <div class="card-header">
                             <h1 id="appName" data-i18n="appName">Call-me</h1>
diff --git a/public/style.css b/public/style.css
index 61aea61..a551b7c 100644
--- a/public/style.css
+++ b/public/style.css
@@ -3094,6 +3094,25 @@ z-index:
     }
 }
 
+/* Large screens: compact sign-in card */
+@media (min-width: 992px) {
+    .card {
+        max-width: 420px !important;
+    }
+
+    .card-header {
+        padding: var(--spacing-md) var(--spacing-lg) !important;
+    }
+
+    .card-header h1 {
+        font-size: var(--font-size-2xl) !important;
+    }
+
+    .card-body {
+        padding: var(--spacing-lg) !important;
+    }
+}
+
 /* Very small screens: further compact the sign-in card */
 @media (max-width: 480px) {
     .card {