Version 4.0.5 - Fix online status indicator overlap

- Fixed peer status dot positioning to overlap outside circular avatar
- Increased status dot size from 10px to 12px for better visibility
- Adjusted positioning to -2px bottom/right for proper overlap

Author: umfhero

package.json

@@ -1,6 +1,6 @@
 {
   "name": "poly-hub",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "description": "P2P file sharing between trusted users over Tailscale",
   "main": "src/main/main.js",
   "scripts": {

src/renderer/pages/Settings.css

@@ -364,10 +364,21 @@
 }
 
 @keyframes fadeInOut {
-  0% { opacity: 0; }
-  20% { opacity: 1; }
-  80% { opacity: 1; }
-  100% { opacity: 0; }
+  0% {
+    opacity: 0;
+  }
+
+  20% {
+    opacity: 1;
+  }
+
+  80% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
 }
 
 .autosave-indicator svg {
@@ -672,11 +683,12 @@
 
 .peer-avatar .peer-status-dot {
   position: absolute;
-  bottom: 0;
-  right: 0;
-  width: 10px;
-  height: 10px;
+  bottom: -2px;
+  right: -2px;
+  width: 12px;
+  height: 12px;
   border: 2px solid var(--color-surface);
+  border-radius: 50%;
 }
 
 .peer-status-indicator {

version.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.0.4",
+  "version": "4.0.5",
   "buildDate": "2026-02-05",
   "name": "Poly-Hub"
 }