modify styling and position

holyspiritomb · Feb 8, 2024 · fd7e674 · fd7e674
1 parent fbab616
commit fd7e674
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/goodreads-libby-adguard.user.js b/goodreads-libby-adguard.user.js
@@ -94,7 +94,7 @@
     let libraries = JSON.parse(await GM.getValue("libraries", "[]"));
     var previousBox;
     if (unsafeWindow.location.host == "www.amazon.com") {
-      let findPreviousBox = () => document.getElementById("shopAllFormats_feature_div") || document.getElementById("bookDescription_feature_div") || document.getElementById("followTheAuthor_feature_div");
+      let findPreviousBox = () => document.getElementById("shopAllFormats_feature_div") || document.getElementById("bookDescription_feature_div") || document.getElementById("tmmSwatches");
 	  previousBox = findPreviousBox();
     } else if (unsafeWindow.location.host == "www.goodreads.com") {
       previousBox = document.querySelector(".BookDetails");
@@ -105,6 +105,7 @@
     }
     let libbyContainer = document.createElement("div");
     libbyContainer.id = "grLibbyBoxforked";
+    libbyContainer.style.margin = "10px";
     let libbyResultsHeader;
     if (unsafeWindow.location.host == "www.amazon.com") {
       libbyResultsHeader = document.createElement("h3");
@@ -117,21 +118,22 @@
     libbyContainer.appendChild(libbyResultsHeader);
     let libbyResultsContainer = document.createElement("div");
     libbyResultsContainer.id = "libby-results-forked";
+    libbyResultsContainer.style.padding = "5px";
     if (unsafeWindow.location.host == "www.goodreads.com") {
       libbyResultsContainer.style.marginLeft = "1em";
       libbyResultsContainer.style.overflowY = "auto";
       libbyResultsContainer.style.maxHeight = "30vh";
-      libbyResultsContainer.style.padding = "5px";
     }
     libbyResultsContainer.style.display = "flex";
     libbyResultsContainer.style.flexDirection = "column";
     libbyContainer.appendChild(libbyResultsContainer);
     if (unsafeWindow.location.host == "www.amazon.com") {
       previousBox.insertAdjacentElement("beforebegin", libbyContainer);
+      let hr = document.createElement("hr");
+      previousBox.insertAdjacentElement("beforebegin", hr);
     } else if (unsafeWindow.location.host == "www.goodreads.com") {
       previousBox.insertAdjacentElement("afterend", libbyContainer);
     }
-
     if (libraries.length === 0) {
       document.getElementById(
         "libby-results-forked"
@@ -214,8 +216,7 @@
   } else if ((unsafeWindow.location.host == "www.goodreads.com") || (unsafeWindow.location.host == "www.amazon.com")) {
     GM_addStyle(`#libby-results-forked > div::before {
       content: attr(class) ': ';
-      font-weight: bold;
-      flex-basis: 6.5em;
+      flex-basis: 7.5em;
       line-height: inherit;
       }
       #libby-results-forked {

diff --git a/goodreads-libby.user.js b/goodreads-libby.user.js
@@ -93,7 +93,7 @@
     let libraries = JSON.parse(await GM.getValue("libraries", "[]"));
     var previousBox;
     if (unsafeWindow.location.host == "www.amazon.com") {
-      let findPreviousBox = () => document.getElementById("shopAllFormats_feature_div") || document.getElementById("bookDescription_feature_div") || document.getElementById("followTheAuthor_feature_div");
+      let findPreviousBox = () => document.getElementById("shopAllFormats_feature_div") || document.getElementById("bookDescription_feature_div") || document.getElementById("tmmSwatches");
 	  previousBox = findPreviousBox();
     } else if (unsafeWindow.location.host == "www.goodreads.com") {
       previousBox = document.querySelector(".BookDetails");
@@ -104,6 +104,7 @@
     }
     let libbyContainer = document.createElement("div");
     libbyContainer.id = "grLibbyBoxforked";
+    libbyContainer.style.margin = "10px";
     let libbyResultsHeader;
     if (unsafeWindow.location.host == "www.amazon.com") {
       libbyResultsHeader = document.createElement("h3");
@@ -116,21 +117,22 @@
     libbyContainer.appendChild(libbyResultsHeader);
     let libbyResultsContainer = document.createElement("div");
     libbyResultsContainer.id = "libby-results-forked";
+    libbyResultsContainer.style.padding = "5px";
     if (unsafeWindow.location.host == "www.goodreads.com") {
       libbyResultsContainer.style.marginLeft = "1em";
       libbyResultsContainer.style.overflowY = "auto";
       libbyResultsContainer.style.maxHeight = "30vh";
-      libbyResultsContainer.style.padding = "5px";
     }
     libbyResultsContainer.style.display = "flex";
     libbyResultsContainer.style.flexDirection = "column";
     libbyContainer.appendChild(libbyResultsContainer);
     if (unsafeWindow.location.host == "www.amazon.com") {
       previousBox.insertAdjacentElement("beforebegin", libbyContainer);
+      let hr = document.createElement("hr");
+      previousBox.insertAdjacentElement("beforebegin", hr);
     } else if (unsafeWindow.location.host == "www.goodreads.com") {
       previousBox.insertAdjacentElement("afterend", libbyContainer);
     }
-
     if (libraries.length === 0) {
       document.getElementById(
         "libby-results-forked"
@@ -213,8 +215,7 @@
   } else if ((unsafeWindow.location.host == "www.goodreads.com") || (unsafeWindow.location.host == "www.amazon.com")) {
     GM_addStyle(`#libby-results-forked > div::before {
       content: attr(class) ': ';
-      font-weight: bold;
-      flex-basis: 6.5em;
+      flex-basis: 7.5em;
       line-height: inherit;
       }
       #libby-results-forked {