tui: fix status indicator positioning for better visual alignment

packages/app/src/components/status-popover.tsx

@@ -217,7 +217,7 @@ export function StatusPopover() {
           </div>
           <div
             classList={{
-              "absolute top-0 -right-px size-1.5 rounded-full": true,
+              "absolute -top-px -right-px size-1.5 rounded-full": true,
               "bg-icon-success-base": overallHealthy(),
               "bg-icon-critical-base": !overallHealthy() && server.healthy() !== undefined,
               "bg-border-weak-base": server.healthy() === undefined,

packages/ui/src/styles/tailwind/utilities.css

@@ -14,8 +14,8 @@
 }
 
 @utility badge-mask-tight {
-  -webkit-mask-image: radial-gradient(circle 5px at calc(100% - 2px) 3px, transparent 5px, black 5.5px);
-  mask-image: radial-gradient(circle 5px at calc(100% - 2px) 3px, transparent 5px, black 5.5px);
+  -webkit-mask-image: radial-gradient(circle 5px at calc(100% - 2px) 2px, transparent 5px, black 5.5px);
+  mask-image: radial-gradient(circle 5px at calc(100% - 2px) 2px, transparent 5px, black 5.5px);
 }
 
 @utility truncate-start {