[call-me] - improve UI

public/style.css

@@ -437,8 +437,6 @@ video::-webkit-media-controls {
 #localUsername,
 #remoteUsername {
     position: absolute;
-    bottom: 8px;
-    left: 8px;
     color: #fff;
     background: var(--glass-bg-strong);
     padding: 6px 12px;
@@ -459,6 +457,16 @@ video::-webkit-media-controls {
     box-shadow: var(--shadow-sm);
 }
 
+#localUsername {
+    top: 8px;
+    left: 8px;
+}
+
+#remoteUsername {
+    bottom: 8px;
+    left: 8px;
+}
+
 #localUsername:hover,
 #remoteUsername:hover {
     background: linear-gradient(135deg, var(--primary-color), var(--primary-hover));
@@ -559,12 +567,20 @@ video::-webkit-media-controls {
     #remoteUsername {
         font-size: 0.7rem;
         padding: 2px 4px;
-        bottom: 1px;
-        left: 1px;
         border-radius: 5px;
         max-width: calc(100% - 12px);
     }
 
+    #localUsername {
+        top: 1px;
+        left: 1px;
+    }
+
+    #remoteUsername {
+        bottom: 1px;
+        left: 1px;
+    }
+
     #localUsername::before,
     #remoteUsername::before {
         font-size: 0.7rem;