From bd4e56956e651463b4effb0ede12f16df4eb5613 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C5=ABdolfs=20O=C5=A1i=C5=86=C5=A1?= <rudolfs@osins.org>
Date: Thu, 18 Jan 2024 15:30:42 +0000
Subject: [PATCH] Fix peer selector popover positioning

---
 src/components/NodeId.svelte                  | 3 ++-
 src/views/projects/Source/PeerSelector.svelte | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/NodeId.svelte b/src/components/NodeId.svelte
index a2480a955..cac9bae85 100644
--- a/src/components/NodeId.svelte
+++ b/src/components/NodeId.svelte
@@ -8,6 +8,7 @@
   export let nodeId: string;
   export let alias: string | undefined = undefined;
   export let large: boolean = false;
+  export let stylePopoverPositionLeft = "-4.5rem";
 </script>
 
 <style>
@@ -42,7 +43,7 @@
 </style>
 
 <HoverPopover
-  stylePopoverPositionLeft="-4.5rem"
+  {stylePopoverPositionLeft}
   stylePopoverPadding="0.5rem 0.5rem 0.5rem 0.75rem"
   stylePopoverPositionTop="-4.5rem">
   <div slot="toggle" class="avatar-alias" class:large>
diff --git a/src/views/projects/Source/PeerSelector.svelte b/src/views/projects/Source/PeerSelector.svelte
index 0a487c240..f8ffe7f1e 100644
--- a/src/views/projects/Source/PeerSelector.svelte
+++ b/src/views/projects/Source/PeerSelector.svelte
@@ -52,7 +52,10 @@
     {/if}
 
     {#if selectedPeer}
-      <NodeId nodeId={selectedPeer.id} alias={selectedPeer.alias} />
+      <NodeId
+        nodeId={selectedPeer.id}
+        alias={selectedPeer.alias}
+        stylePopoverPositionLeft="-0.75rem" />
       {#if selectedPeer.delegate}
         <Badge size="tiny" variant="secondary">delegate</Badge>
       {/if}