From c7f3991ddd8a24380800686951bd69271f0a96af Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Wed, 15 Oct 2025 10:21:26 +0200
Subject: [PATCH] feat: move tabs below filter buttons in explore page

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

diff --git a/src/components/Explore.tsx b/src/components/Explore.tsx
index a3a25672..a3c7bf81 100644
--- a/src/components/Explore.tsx
+++ b/src/components/Explore.tsx
@@ -378,25 +378,6 @@ const Explore: React.FC<ExploreProps> = ({ relayPool, eventStore, settings, acti
           Discover highlights and blog posts from your friends and others
         </p>
         
-        <div className="me-tabs">
-          <button
-            className={`me-tab ${activeTab === 'highlights' ? 'active' : ''}`}
-            data-tab="highlights"
-            onClick={() => navigate('/explore')}
-          >
-            <FontAwesomeIcon icon={faHighlighter} />
-            <span className="tab-label">Highlights</span>
-          </button>
-          <button
-            className={`me-tab ${activeTab === 'writings' ? 'active' : ''}`}
-            data-tab="writings"
-            onClick={() => navigate('/explore/writings')}
-          >
-            <FontAwesomeIcon icon={faNewspaper} />
-            <span className="tab-label">Writings</span>
-          </button>
-        </div>
-        
         {/* Visibility filters */}
         <div className="highlight-level-toggles" style={{ marginTop: '1rem', display: 'flex', gap: '0.5rem', justifyContent: 'flex-end' }}>
           <IconButton
@@ -444,6 +425,25 @@ const Explore: React.FC<ExploreProps> = ({ relayPool, eventStore, settings, acti
             }}
           />
         </div>
+        
+        <div className="me-tabs">
+          <button
+            className={`me-tab ${activeTab === 'highlights' ? 'active' : ''}`}
+            data-tab="highlights"
+            onClick={() => navigate('/explore')}
+          >
+            <FontAwesomeIcon icon={faHighlighter} />
+            <span className="tab-label">Highlights</span>
+          </button>
+          <button
+            className={`me-tab ${activeTab === 'writings' ? 'active' : ''}`}
+            data-tab="writings"
+            onClick={() => navigate('/explore/writings')}
+          >
+            <FontAwesomeIcon icon={faNewspaper} />
+            <span className="tab-label">Writings</span>
+          </button>
+        </div>
       </div>
 
       {renderTabContent()}