[call-me] - improve settings UI

package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "call-me",
-    "version": "1.3.31",
+    "version": "1.3.32",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "call-me",
-            "version": "1.3.31",
+            "version": "1.3.32",
             "license": "AGPLv3",
             "dependencies": {
                 "@ngrok/ngrok": "1.7.0",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "call-me",
-    "version": "1.3.31",
+    "version": "1.3.32",
     "description": "Your Go-To for Instant Video Calls",
     "author": "Miroslav Pejic - miroslav.pejic.85@gmail.com",
     "license": "AGPLv3",

public/style.css

@@ -1904,8 +1904,9 @@ input {
 
 .settings-title {
     color: var(--text-color);
-    font-size: var(--font-size-lg);
+    font-size: var(--font-size-xl);
     font-weight: var(--font-weight-semibold);
+    line-height: 1.4;
     margin: 0 0 var(--spacing-lg) 0;
     display: flex;
     align-items: center;
@@ -1927,8 +1928,9 @@ input {
     align-items: center;
     gap: var(--spacing-sm);
     color: var(--text-secondary);
-    font-size: var(--font-size-base);
+    font-size: var(--font-size-sm);
     font-weight: var(--font-weight-medium);
+    line-height: 1.5;
     margin-bottom: var(--spacing-sm);
     cursor: pointer;
     transition: color var(--transition-fast);
@@ -1962,7 +1964,7 @@ input {
     border-radius: var(--border-radius);
     background: var(--glass-bg);
     color: var(--text-color);
-    font-size: 0.8rem;
+    font-size: var(--font-size-sm);
     font-weight: var(--font-weight-semibold);
     cursor: pointer;
     transition: all var(--transition-base);
@@ -2190,7 +2192,7 @@ input {
     }
 
     .settings-title {
-        font-size: 1rem;
+        font-size: 1.125rem;
         margin-bottom: 16px;
     }