[call-me] - improve UI, update dep

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",

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",

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>

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 {