title list lean left

css/chapter_list.css

@@ -31,7 +31,6 @@
 
 #chapters #table {
     width: 90%;
-    border-collapse: collapse;
     text-align: left;
 }
 

css/stylesheet.css

@@ -1,6 +1,7 @@
 body {
     font-family: arial, helvetica, sans-serif;
     --dark-grey: rgba(80, 80, 80, 1);
+    --dark-accent: rgba(100, 100, 100, 1);
     --medium-grey: rgba(120, 120, 120, 1);
     --light-accent: rgba(150, 150, 150, 1);
     --light-grey: rgba(180, 180, 180, 1);
@@ -40,6 +41,11 @@ hr {
 
 a {
     text-decoration: none;
+    color: black;
+}
+
+a:visited {
+    color: var(--dark-grey);
 }
 
 #header {

css/title_list.css

@@ -11,16 +11,19 @@
     top: 0;
 }
 
-td {
-    white-space: nowrap;
-    padding-left: 2em;
-    padding-right: 2em;
+#title_list .stretch {
+    width: 99%;
 }
 
 table, th, td {
     border-collapse: collapse;
+    white-space: nowrap;
+    text-align: left;
+    padding-left: 2em;
+    padding-right: 2em;
 }
-table, th {
+
+table {
     width: 100%;
 }
 
@@ -40,13 +43,14 @@ th {
 
 #title_list img.thumbnail {
     height: 100px;
+    width: 85px;
     padding-left: 0;
     padding-right: 0;
     padding-top: 2px;
     padding-bottom: 2px;
 }
 
-#title_list .tag {
+#title_list span.tag {
     border: 1px solid black;
     background-color: var(--light-accent);
     padding: 4px;

js/title_list.js

@@ -19,7 +19,7 @@ function load_titles(remote) {
             //thumbnail
             first_row.appendChild(Object.assign(
                 document.createElement("td"),
-                {rowSpan: "2"}
+                {rowSpan: "2", className: "thumbnail"}
             ))
             .appendChild(Object.assign(
                 document.createElement("a"),
@@ -33,7 +33,11 @@ function load_titles(remote) {
             //title
             first_row.appendChild(Object.assign(
                 document.createElement("td"),
-                {}
+                {className: "stretch"}
+            ))
+            .appendChild(Object.assign(
+                document.createElement("a"),
+                {href: "./title.html?id="+manga["id"]}
             ))
             .appendChild(Object.assign(
                 document.createElement("b"),