From e3dbfb4e70c26e79faf07edce7f82a49607e8ca7 Mon Sep 17 00:00:00 2001
From: Hamcha <hamcha@crunchy.rocks>
Date: Wed, 17 Jun 2020 10:33:49 +0200
Subject: [PATCH] Better better tables

---
 lib/components/WikiPage.tsx |  7 -------
 lib/userscript.ts           |  3 ++-
 style/bgus.scss             | 15 +++++++++++++++
 style/main.scss             |  2 +-
 style/vars.scss             |  1 +
 5 files changed, 19 insertions(+), 9 deletions(-)
 create mode 100644 style/vars.scss

diff --git a/lib/components/WikiPage.tsx b/lib/components/WikiPage.tsx
index b76a96a..bdf479d 100644
--- a/lib/components/WikiPage.tsx
+++ b/lib/components/WikiPage.tsx
@@ -33,13 +33,6 @@ export default function WikiPage({ page, visible }) {
     }
   }, [data]);
 
-  // Page fetched, instance userscript
-  useEffect(() => {
-    if (data.loaded) {
-      console.log(page + ": loaded!");
-    }
-  }, [data]);
-
   if (!data.loaded) {
     return (
       <div
diff --git a/lib/userscript.ts b/lib/userscript.ts
index 850bc99..9114996 100644
--- a/lib/userscript.ts
+++ b/lib/userscript.ts
@@ -265,7 +265,7 @@ export default function (root: HTMLElement, docname: string) {
     // Ideally I'd like a <p> or something on every part, wrapping it completely, but for now let's just kill 'em
     document
       .querySelectorAll(
-        "table.wikitable > tbody > tr:not(:first-child) > td:nth-child(2)"
+        "table.wikitable > tbody > tr:not(:first-child) > td:nth-child(2), .tooltiptext"
       )
       .forEach((td) => {
         const tmp = td.cloneNode();
@@ -397,6 +397,7 @@ export default function (root: HTMLElement, docname: string) {
           const row = el.querySelectorAll("th");
           row.forEach((th, i) => {
             if (i < 2) {
+              th.classList.add("table-head");
               return;
             }
             th.parentElement.removeChild(th);
diff --git a/style/bgus.scss b/style/bgus.scss
index 7157cf8..4676686 100644
--- a/style/bgus.scss
+++ b/style/bgus.scss
@@ -1,3 +1,5 @@
+@import "vars.scss";
+
 .bgus_hidden {
   display: none !important;
 }
@@ -72,11 +74,24 @@ span.bgus_nested_element:not(.bgus_collapsed) + div.tooltiptext {
   font-size: 8pt;
   padding: 5px 8px;
   line-height: 10pt;
+
+  div.tooltiptext {
+    margin-left: -5px;
+  }
 }
 .bchem table.wikitable > tbody > tr > td:nth-child(2) {
   width: 45%;
   padding: 10px;
 }
+.bchem table.wikitable {
+  border: 0 !important;
+  .table-head {
+    text-align: center;
+  }
+  th {
+    background-color: darken($nanotrasen, 5%) !important;
+  }
+}
 .bgus_fz_selected {
   border: 3px solid yellow;
 }
diff --git a/style/main.scss b/style/main.scss
index 7fd9ef3..99aa6e1 100644
--- a/style/main.scss
+++ b/style/main.scss
@@ -1,4 +1,4 @@
-$nanotrasen: #384e68;
+@import "vars.scss";
 
 html,
 body {
diff --git a/style/vars.scss b/style/vars.scss
new file mode 100644
index 0000000..a88f28b
--- /dev/null
+++ b/style/vars.scss
@@ -0,0 +1 @@
+$nanotrasen: #384e68;