From bc81c8dca13491db3d98ec40957b06cd9a0fccb2 Mon Sep 17 00:00:00 2001
From: robert <robert@myemail.cloud>
Date: Wed, 18 Mar 2026 13:36:31 -0400
Subject: [PATCH] Cleaned up url detector display bar.

---
 assets/javascripts/discourse/initializers/url-to-article.js | 4 +++-
 assets/stylesheets/url-to-article.scss                      | 5 +++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/assets/javascripts/discourse/initializers/url-to-article.js b/assets/javascripts/discourse/initializers/url-to-article.js
index 1cc9db5..aa38d2e 100644
--- a/assets/javascripts/discourse/initializers/url-to-article.js
+++ b/assets/javascripts/discourse/initializers/url-to-article.js
@@ -105,7 +105,9 @@ export default apiInitializer("1.8.0", (api) => {
 
       const container = this.element.querySelector(".d-editor-container");
       if (container) {
-        container.insertAdjacentElement("afterbegin", bar);
+        container.parentElement.insertBefore(bar, container);
+      } else {
+        this.element.insertAdjacentElement("afterbegin", bar);
       }
     },
 
diff --git a/assets/stylesheets/url-to-article.scss b/assets/stylesheets/url-to-article.scss
index 4692a5d..24e9ad4 100644
--- a/assets/stylesheets/url-to-article.scss
+++ b/assets/stylesheets/url-to-article.scss
@@ -11,6 +11,11 @@
   border-radius: var(--d-border-radius, 4px);
   font-size: var(--font-down-1);
   flex-wrap: wrap;
+  // Span full width regardless of any parent flex/grid layout
+  width: 100%;
+  box-sizing: border-box;
+  flex-basis: 100%;
+  order: -1;
 }
 
 .url-to-article-icon {