Add fixed sizing to covers on fixed width calendar

manifest.json

@@ -1,7 +1,7 @@
 {
 	"id": "obsidian-book-tracker",
 	"name": "Book Tracker",
-	"version": "1.6.0",
+	"version": "1.6.1",
 	"minAppVersion": "0.15.0",
 	"description": "Simplifies tracking your reading progress and managing your book collection in Obsidian.",
 	"author": "FiFiTiDo",

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "obsidian-book-tracker",
-	"version": "1.6.0",
+	"version": "1.6.1",
 	"description": "Simplifies tracking your reading progress and managing your book collection in Obsidian.",
 	"main": "main.js",
 	"scripts": {

src/ui/code-blocks/ReadingCalendarCodeBlockView.svelte

@@ -283,6 +283,9 @@
 
 		&.fixed-width {
 			--table-width: 600px;
+			--cell-width: calc(var(--table-width) / 7);
+			--covers-width: calc(var(--cell-width) - 2 * #{$cell-padding});
+			--covers-height: calc(var(--covers-width) * 1.5);
 
 			table#calendar,
 			.controls {
@@ -292,12 +295,19 @@
 				margin-right: auto;
 			}
 
-			table#calendar th {
+			table#calendar {
-				width: calc(var(--table-width) / 7);
+				th {
-			}
+					width: var(--cell-width);
+				}
 
-			@container reading-calendar (max-width: 800px) {
+				td .covers {
-				table#calendar {
+					width: var(--covers-width);
+					height: var(--covers-height);
+					max-height: unset;
+					aspect-ratio: unset;
+				}
+
+				@container reading-calendar (max-width: 800px) {
 					th {
 						font-size: 0.75em;
 					}

versions.json

@@ -9,5 +9,6 @@
 	"1.4.1": "0.15.0",
 	"1.4.2": "0.15.0",
 	"1.5.0": "0.15.0",
-	"1.6.0": "0.15.0"
+	"1.6.0": "0.15.0",
+	"1.6.1": "0.15.0"
 }