spanish-quizzer

commit a965ef20cff2ec0eb2605c5a3282c6abefcf84a1
parent 32a33712e5958f9c9b94f7947ae25073e599b196
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Sun, 19 Apr 2020 08:14:36 -0700

Move reference styles from index.js to Styles.css.

Diffstat:
M
Reference/index.js
 | 
4
++--
M
Styles.css
 | 
6
++++++

2 files changed, 8 insertions(+), 2 deletions(-)
diff --git a/Reference/index.js b/Reference/index.js
@@ -179,7 +179,7 @@ function referenceSetChanged() {
     // Get headers
     var head = '<tr>';
     for (column of Sets[document.getElementById("referenceSet").value][0]) {
-        head += `<th style="border: 1px solid #808080;">${column}</th>`;
+        head += `<th>${column}</th>`;
     }
     head += "</tr>";
     
@@ -190,7 +190,7 @@ function referenceSetChanged() {
         body += '<tr>';
         columns = rows[row];
         for (var column = 0; column < columns.length; column++) {
-            body += `<td style="border: 1px solid #808080; cursor: pointer;" onclick="Read(${row + 1}, ${column})">${columns[column]}</td>`;
+            body += `<td onclick="Read(${row + 1}, ${column})">${columns[column]}</td>`;
         }
         body += "</tr>";
     }
diff --git a/Styles.css b/Styles.css
@@ -136,12 +136,18 @@ button:disabled {
 }
 
 #referenceTable th {
+    border: 1px solid var(--border-color);
     position: sticky;
     position: -webkit-sticky;
     top: 0;
     background-color: var(--hover-color);
 }
 
+#referenceTable td {
+    border: 1px solid var(--border-color);
+    cursor: pointer;
+}
+
 
 
 /******** Dark mode styles ********/