make cover larger and transparent

frontend/files/app.js

@@ -137,21 +137,19 @@ function BookTemplate({
   volume,
   year,
 }) {
-  return `${coverURL ? `<img src="${coverURL}"/>` : ""}
-  <h1>${title}</h1>
-  <h2>${authors}</h2>
-  <span>${isbn13}</span><br/>
-  <span>${publisher}, ${year}</span><br/>
-  ${
-    series
-      ? `<span>${series}${volume ? `, Volume ${volume}` : ""}</span><br/>`
-      : ""
-  }
-  ${signed ? "<span>Signed by the author ✒</span><br/>" : ""}
-  <span>${format}</span>
-  <div class="description">
-    <p>${description}</p>
-    ${notes ? `<span>Notes:</span><p>${notes}</p>` : ""}
+  return `<img ${coverURL ? `src="${coverURL}"` : ``}/>
+  <div class="bookDetails">
+    <h1>${title}</h1>
+    <h2>${authors}</h2>
+    <span>${isbn13}</span><br/>
+    <span>${publisher}, ${year}</span><br/>
+    ${
+      series
+        ? `<span>${series}${volume ? `, Volume ${volume}` : ""}</span><br/>`
+        : ""
+    }
+    ${signed ? "<span>Signed by the author ✒</span><br/>" : ""}
+    <span>${format}</span>
   </div>`;
 }
 
@@ -167,7 +165,7 @@ function TableRowTemplate({
   return `<tr class="tRow" id="${rowNumber}">
     <td class="title">
       ${title} ${
-    signed ? '<span class="signed" title="Signed by the author" >✒</span>︎' : ""
+    signed ? '<span class="signed" title="Signed by the author" >✒</span>' : ""
   }
     </td>
     <td class="author">${authors}</td>