From ddb48d9ced6f3cb1289f254491c163604b0e7356 Mon Sep 17 00:00:00 2001
From: Arthur Lefebvre <artlef@protonmail.com>
Date: Tue, 14 Oct 2025 16:51:43 +0200
Subject: [PATCH] WIP: Add + on book list element

---
 front/src/BookListElement.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/front/src/BookListElement.vue b/front/src/BookListElement.vue
index f26b855..a4c49b4 100644
--- a/front/src/BookListElement.vue
+++ b/front/src/BookListElement.vue
@@ -3,6 +3,7 @@
   const props = defineProps({
   title: String,
   author: String,
+  id: BigInt,
   imagePath: String,
 });
 const imagePathOrDefault = (props.imagePath == "" || typeof props.imagePath === 'undefined') ? "../defaultbook.png" : props.imagePath;
@@ -11,8 +12,15 @@ const imagePathOrDefault = (props.imagePath == "" || typeof props.imagePath ===
 </script>
 
 <template>
-  <div class="box container has-background-dark">
-    <div class="media">
+  <div class="columns box container has-background-dark">
+  <div class="column is-narrow">
+    <button class="button">
+      <span class="icon" title="Add">
+        <b-icon-plus />
+      </span>
+    </button>
+  </div>
+    <div class="media column">
       <div class="media-left">
         <figure class="image mb-3">
           <img v-bind:src="imagePathOrDefault" v-bind:alt="title">