From c96347a33117431934fcc2bfff49da19e134acdc Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Wed, 15 Oct 2025 10:19:52 +0200
Subject: [PATCH] fix: position refresh button next to filter buttons instead
 of far left

---
 src/components/Explore.tsx | 74 +++++++++++++++++++-------------------
 1 file changed, 36 insertions(+), 38 deletions(-)

diff --git a/src/components/Explore.tsx b/src/components/Explore.tsx
index d47d12e9..bcf5c2e7 100644
--- a/src/components/Explore.tsx
+++ b/src/components/Explore.tsx
@@ -398,7 +398,7 @@ const Explore: React.FC<ExploreProps> = ({ relayPool, eventStore, settings, acti
         </div>
         
         {/* Visibility filters */}
-        <div className="highlight-level-toggles" style={{ marginTop: '1rem', display: 'flex', gap: '0.5rem', justifyContent: 'space-between', alignItems: 'center' }}>
+        <div className="highlight-level-toggles" style={{ marginTop: '1rem', display: 'flex', gap: '0.5rem', justifyContent: 'flex-end' }}>
           <IconButton
             icon={faArrowsRotate}
             onClick={() => setRefreshTrigger(prev => prev + 1)}
@@ -406,43 +406,41 @@ const Explore: React.FC<ExploreProps> = ({ relayPool, eventStore, settings, acti
             ariaLabel="Refresh content"
             variant="ghost"
           />
-          <div style={{ display: 'flex', gap: '0.5rem' }}>
-            <IconButton
-              icon={faNetworkWired}
-              onClick={() => setVisibility({ ...visibility, nostrverse: !visibility.nostrverse })}
-              title="Toggle nostrverse content"
-              ariaLabel="Toggle nostrverse content"
-              variant="ghost"
-              style={{ 
-                color: visibility.nostrverse ? 'var(--highlight-color-nostrverse, #9333ea)' : undefined,
-                opacity: visibility.nostrverse ? 1 : 0.4 
-              }}
-            />
-            <IconButton
-              icon={faUserGroup}
-              onClick={() => setVisibility({ ...visibility, friends: !visibility.friends })}
-              title={activeAccount ? "Toggle friends content" : "Login to see friends content"}
-              ariaLabel="Toggle friends content"
-              variant="ghost"
-              disabled={!activeAccount}
-              style={{ 
-                color: visibility.friends ? 'var(--highlight-color-friends, #f97316)' : undefined,
-                opacity: visibility.friends ? 1 : 0.4 
-              }}
-            />
-            <IconButton
-              icon={faUser}
-              onClick={() => setVisibility({ ...visibility, mine: !visibility.mine })}
-              title={activeAccount ? "Toggle my content" : "Login to see your content"}
-              ariaLabel="Toggle my content"
-              variant="ghost"
-              disabled={!activeAccount}
-              style={{ 
-                color: visibility.mine ? 'var(--highlight-color-mine, #eab308)' : undefined,
-                opacity: visibility.mine ? 1 : 0.4 
-              }}
-            />
-          </div>
+          <IconButton
+            icon={faNetworkWired}
+            onClick={() => setVisibility({ ...visibility, nostrverse: !visibility.nostrverse })}
+            title="Toggle nostrverse content"
+            ariaLabel="Toggle nostrverse content"
+            variant="ghost"
+            style={{ 
+              color: visibility.nostrverse ? 'var(--highlight-color-nostrverse, #9333ea)' : undefined,
+              opacity: visibility.nostrverse ? 1 : 0.4 
+            }}
+          />
+          <IconButton
+            icon={faUserGroup}
+            onClick={() => setVisibility({ ...visibility, friends: !visibility.friends })}
+            title={activeAccount ? "Toggle friends content" : "Login to see friends content"}
+            ariaLabel="Toggle friends content"
+            variant="ghost"
+            disabled={!activeAccount}
+            style={{ 
+              color: visibility.friends ? 'var(--highlight-color-friends, #f97316)' : undefined,
+              opacity: visibility.friends ? 1 : 0.4 
+            }}
+          />
+          <IconButton
+            icon={faUser}
+            onClick={() => setVisibility({ ...visibility, mine: !visibility.mine })}
+            title={activeAccount ? "Toggle my content" : "Login to see your content"}
+            ariaLabel="Toggle my content"
+            variant="ghost"
+            disabled={!activeAccount}
+            style={{ 
+              color: visibility.mine ? 'var(--highlight-color-mine, #eab308)' : undefined,
+              opacity: visibility.mine ? 1 : 0.4 
+            }}
+          />
         </div>
       </div>