From ce347c12fc626fd6c242f8a39fd66742bcea0312 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Thu, 25 Jun 2026 08:36:31 +0530
Subject: [PATCH] appview/pages: use positioned popover for clone dropdown

---
 .../templates/repo/fragments/cloneDropdown.html    | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/appview/pages/templates/repo/fragments/cloneDropdown.html b/appview/pages/templates/repo/fragments/cloneDropdown.html
index d2673917..20abdc8c 100644
--- a/appview/pages/templates/repo/fragments/cloneDropdown.html
+++ b/appview/pages/templates/repo/fragments/cloneDropdown.html
@@ -4,7 +4,18 @@
       {{ $knot = "tangled.org" }}
   {{ end }}
 
+  <style>
+    #clone-dropdown-btn {
+      anchor-name: --clone-dropdown-btn;
+    }
+    #clone-dropdown {
+      position-anchor: --clone-dropdown-btn;
+      position-area: bottom span-left;
+    }
+  </style>
+
   <button 
+    id="clone-dropdown-btn"
     popovertarget="clone-dropdown"
     popovertargetaction="toggle"
     class="btn-create cursor-pointer list-none flex items-center gap-2 px-4">
@@ -16,7 +27,7 @@
     id="clone-dropdown"
     class="
       bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700
-      dark:text-white backdrop:bg-gray-400/50 dark:backdrop:bg-gray-800/50
+      dark:text-white shadow-lg
       w-96 md:w-[440px] p-4 rounded drop-shadow overflow-visible">
 
     <input
@@ -54,7 +65,6 @@
     </p>
 
     <br/>
-    <hr/>
 
     <div class="flex gap-2 mt-4">
       <a
-- 
2.51.2