From 8494e5a0e262f92cf8562c2b94800e0d267a7e4e Mon Sep 17 00:00:00 2001
From: bach <bachir@figureslibres.io>
Date: Sat, 18 Feb 2023 18:38:22 +0100
Subject: [PATCH] better css for home

---
 assets/css/app.scss | 2 +-
 src/pages/Home.vue  | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/assets/css/app.scss b/assets/css/app.scss
index df350ff..fe33a78 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -168,7 +168,7 @@ section[role="main-content"]{
           font-size: 0.882em;
           line-height: 1.2;
         }
-        span{
+        a.readmore span{
           color:$rouge;
           font-size:0.693em;
         }
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 58a7d4f..b7c52a1 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -8,8 +8,8 @@
       <h2>Corpus des XVII et XVIII<sup>E</sup> siècles</h2>
     </header>
     <section v-if="colophonHome.length && colophonHome.length > 0" class="row">
-      <div class="col-3" />
-      <div class="col-6 teasers">
+      <div class="col-2" />
+      <div class="col-8 teasers">
         <article
           v-for="page in colophonHome"
           :key="page.uuid"
@@ -20,12 +20,13 @@
             :href="page.url"
             @click.prevent="onclick(page.uuid)"
             @keyup.enter="onclick(page.uuid)"
+            class="readmore"
           >
             <span>Lire la suite</span>
           </a>
         </article>
       </div>
-      <div class="col-3" />
+      <div class="col-2" />
     </section>
 
   </div>