From 182f2e988ae6aeb9cf65d35c48e042d1b99a86a4 Mon Sep 17 00:00:00 2001
From: Arthur Lefebvre <artlef@protonmail.com>
Date: Tue, 3 Feb 2026 19:18:33 +0100
Subject: [PATCH] Add global css style to add clickable class

---
 front/src/BookForm.vue          | 2 +-
 front/src/BookListElement.vue   | 4 ----
 front/src/ImportListElement.vue | 5 -----
 front/src/SearchBook.vue        | 4 ----
 front/src/main.js               | 2 ++
 front/src/styles/global.css     | 3 +++
 6 files changed, 6 insertions(+), 14 deletions(-)
 create mode 100644 front/src/styles/global.css

diff --git a/front/src/BookForm.vue b/front/src/BookForm.vue
index 25a3414..3b8fb18 100644
--- a/front/src/BookForm.vue
+++ b/front/src/BookForm.vue
@@ -110,7 +110,7 @@
     </div>
     <div class="column">
       <h3 class="title">{{data.title}}</h3>
-      <h3 class="subtitle" @click="goToAuthor">{{data.author}}</h3>
+      <h3 class="subtitle clickable" @click="goToAuthor">{{data.author}}</h3>
       <p>{{data.summary}}</p>
       <div class="my-5" v-if="data.isbn">ISBN: {{data.isbn}}</div>
       <div class="my-5" v-if="data.inventaireid">Inventaire ID: {{data.inventaireid}}</div>
diff --git a/front/src/BookListElement.vue b/front/src/BookListElement.vue
index 7e9be11..e5d6eda 100644
--- a/front/src/BookListElement.vue
+++ b/front/src/BookListElement.vue
@@ -98,10 +98,6 @@ img {
   width:auto;
 }
 
-.clickable {
-  cursor:pointer
-}
-
 .box {
   transition:ease-in-out 0.04s;
   margin-bottom: 15px;
diff --git a/front/src/ImportListElement.vue b/front/src/ImportListElement.vue
index 796d6cf..953e17d 100644
--- a/front/src/ImportListElement.vue
+++ b/front/src/ImportListElement.vue
@@ -74,11 +74,6 @@ img {
   width:auto;
 }
 
-
-.clickable {
-  cursor:pointer
-}
-
 .box {
   transition:ease-in-out 0.04s;
   margin-bottom: 15px;
diff --git a/front/src/SearchBook.vue b/front/src/SearchBook.vue
index c4bba26..e9093c7 100644
--- a/front/src/SearchBook.vue
+++ b/front/src/SearchBook.vue
@@ -86,9 +86,5 @@
 </template>
 
 <style scoped>
-
-.clickable {
-  cursor:pointer
-}
 </style>
 
diff --git a/front/src/main.js b/front/src/main.js
index dc31a4f..1c806ac 100644
--- a/front/src/main.js
+++ b/front/src/main.js
@@ -8,6 +8,8 @@ import { aliases, mdi } from 'vuetify/iconsets/mdi-svg'
 import { VRating } from 'vuetify/components/VRating';
 import App from './App.vue'
 
+import './styles/global.css';
+
 import fr from './locales/fr.json';
 import en from './locales/en.json';
 
diff --git a/front/src/styles/global.css b/front/src/styles/global.css
new file mode 100644
index 0000000..5716ead
--- /dev/null
+++ b/front/src/styles/global.css
@@ -0,0 +1,3 @@
+.clickable {
+  cursor:pointer;
+}