Add global css style to add clickable class

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>

front/src/BookListElement.vue

@@ -98,10 +98,6 @@ img {
   width:auto;
 }
 
-.clickable {
-  cursor:pointer
-}
-
 .box {
   transition:ease-in-out 0.04s;
   margin-bottom: 15px;

front/src/ImportListElement.vue

@@ -74,11 +74,6 @@ img {
   width:auto;
 }
 
-
-.clickable {
-  cursor:pointer
-}
-
 .box {
   transition:ease-in-out 0.04s;
   margin-bottom: 15px;

front/src/SearchBook.vue

@@ -86,9 +86,5 @@
 </template>
 
 <style scoped>
-
-.clickable {
-  cursor:pointer
-}
 </style>
 

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';
 

front/src/styles/global.css

@@ -0,0 +1,3 @@
+.clickable {
+  cursor:pointer;
+}