From 2b92f2d5beb4b41cdcac1eacf4ad1706cae77bb7 Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Mon, 28 Mar 2022 18:18:06 +0200
Subject: [PATCH] Move divider to insertHtml function.

---
 source/js/listenbrainz.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/source/js/listenbrainz.js b/source/js/listenbrainz.js
index 176164a..1631967 100644
--- a/source/js/listenbrainz.js
+++ b/source/js/listenbrainz.js
@@ -1,6 +1,4 @@
 window.addEventListener('DOMContentLoaded', async () => {
-  document.querySelector('.page-main').insertAdjacentHTML('beforeend', '<div class="divider"></div>');
-
   const loop = async () => {
     const listen = await getCurrentListen();
     const image = await getCoverArt(listen);
@@ -58,6 +56,7 @@ function insertHtml(listen, image) {
 
   const existing = document.querySelector('.listenbrainz') ?? undefined;
   if (existing !== undefined) {
+    existing.previousElementSibling.remove();
     existing.remove();
   }
 
@@ -67,7 +66,9 @@ function insertHtml(listen, image) {
   image = image.startsWith('http://') ? 'https' + image.slice(4) : image;
   image = image ?? 'https://listenbrainz.org/static/img/logo_big.svg';
 
-  const listenHtml = `<p class="listenbrainz">
+  const listenHtml = `
+  <div class="divider"></div>
+  <p class="listenbrainz">
     <img alt="${alt}" title="${alt}" src="${image}">
     <span class="byline">Currently listening to</span>
     <a href="https://listenbrainz.org/user/BaukeXYZ/" target="_blank">