diff --git a/frontend/files/app.js b/frontend/files/app.js
index 84a1f42..8da56fb 100644
--- a/frontend/files/app.js
+++ b/frontend/files/app.js
@@ -137,21 +137,19 @@ function BookTemplate({
volume,
year,
}) {
- return `${coverURL ? `` : ""}
-
${title}
- ${authors}
- ${isbn13}
- ${publisher}, ${year}
- ${
- series
- ? `${series}${volume ? `, Volume ${volume}` : ""}
`
- : ""
- }
- ${signed ? "Signed by the author ✒
" : ""}
- ${format}
-
-
${description}
- ${notes ? `
Notes:${notes}
` : ""}
+ return `
+
+
${title}
+ ${authors}
+ ${isbn13}
+ ${publisher}, ${year}
+ ${
+ series
+ ? `${series}${volume ? `, Volume ${volume}` : ""}
`
+ : ""
+ }
+ ${signed ? "Signed by the author ✒
" : ""}
+ ${format}
`;
}
@@ -167,7 +165,7 @@ function TableRowTemplate({
return `
${title} ${
- signed ? '✒︎' : ""
+ signed ? '✒' : ""
}
|
${authors} |
diff --git a/frontend/files/style.css b/frontend/files/style.css
index ef2b611..0207e8a 100644
--- a/frontend/files/style.css
+++ b/frontend/files/style.css
@@ -186,6 +186,7 @@ body {
padding: 20px;
overflow: auto;
float: left;
+ position: relative;
}
#books {
@@ -257,7 +258,7 @@ body {
font-size: x-large;
font-weight: bold;
font-style: italic;
- padding: 10px 0;
+ padding: 0 0 5px 0;
}
#current h2 {
@@ -266,10 +267,21 @@ body {
}
#current img {
- max-height: 400px;
- max-width: 100%;
- display: block;
- margin: 0 auto;
+ opacity: 0.5;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: auto;
+}
+
+#current .bookDetails {
+ position: relative;
+ background-color: rgba(255, 255, 255, 0.8);
+ padding: 10px;
+ margin: 0;
+ width: 75%;
+ border-radius: 5px;
}
#current .description p {