Update docs.html

docs.html

@@ -2518,7 +2518,11 @@ if (infoData.status) {
     const userNameEl = document.getElementById('userName');
     userNameEl.innerHTML = ''; // clear previous content
 
-    // Create the image element
+    // Create username text first
+    const nameText = document.createElement('span');
+    nameText.textContent = fullName;
+
+    // Create image element
     const img = document.createElement('img');
     img.src = iconURL;
     img.alt = 'icon';
@@ -2527,16 +2531,14 @@ if (infoData.status) {
     img.style.height = '20px';
     img.style.objectFit = 'contain';
 
-    // Create text node for username
-    const nameText = document.createElement('span');
-    nameText.textContent = fullName;
-
-    // Append image and username to #userName
-    userNameEl.appendChild(img);
+    // Append username first, then image (so image is on the right)
     userNameEl.appendChild(nameText);
+    userNameEl.appendChild(img);
 
-    userNameEl.style.display = 'flex';
+    // Flex container to center content
+    userNameEl.style.display = 'inline-flex';
     userNameEl.style.alignItems = 'center';
+    userNameEl.style.justifyContent = 'center'; // center horizontally
     userNameEl.style.gap = '6px';
   }