From c67f9554c0b1a3937997338b2cc18445f94039d0 Mon Sep 17 00:00:00 2001
From: Chris Smith <csmith@users.noreply.github.com>
Date: Mon, 23 Dec 2024 17:48:39 +0000
Subject: [PATCH] fix: Better align book details when shown in a grid (#166)

In a book grid, the title, author and status are shown in a column
with no real layout constraints. This means if a book has a long
title, its author and status won't line up with a different book
with a short title, which makes scanning across the grid annoying.

To fix this, give the title the flex-grow property so it'll expand
to fill the available room. Authors and status will then be
bottom-aligned.
---
 src/jelu-ui/src/components/BookCard.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/jelu-ui/src/components/BookCard.vue b/src/jelu-ui/src/components/BookCard.vue
index 467d2c8b..1ff0017f 100644
--- a/src/jelu-ui/src/components/BookCard.vue
+++ b/src/jelu-ui/src/components/BookCard.vue
@@ -199,6 +199,7 @@ watch(checked, (newVal, oldVal) => {
     <div class="card-body">
       <router-link
         v-if="book.id != null"
+        class="grow"
         :to="{ name: 'book-detail', params: { bookId: book.id } }"
       >
         <h2
@@ -210,6 +211,7 @@ watch(checked, (newVal, oldVal) => {
       </router-link>
       <router-link
         v-else
+        class="grow"
         :to="{ name: 'book-reviews', params: { bookId: book.book.id } }"
       >
         <h2