From 478b4895db434649f6960d5b060cbbe640346659 Mon Sep 17 00:00:00 2001
From: _aandres <alice.andres@m4x.org>
Date: Fri, 30 Dec 2022 22:28:55 +0100
Subject: [PATCH] fix [front]: film list display

---
 front/pages/admin/index.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/front/pages/admin/index.vue b/front/pages/admin/index.vue
index a99b4e0..2df7a61 100644
--- a/front/pages/admin/index.vue
+++ b/front/pages/admin/index.vue
@@ -4,9 +4,10 @@
     <ul class="list has-visible-pointer-controls">
       <li v-for="film of films" :key="film.id" class="list-item">
         <nuxt-link :to="`/admin/${film.id}`" class="list-item-content">
-        <time v-if="film.projectionDate" :datetime="film.projectionDate">{{ new Date(film.projectionDate).toLocaleString()}}</time>
-        <template v-else>À planifier</template> -
-        {{ film.title }}
+          <time v-if="film.projectionDate" :datetime="film.projectionDate">
+            {{ new Date(film.projectionDate).toLocaleString() }}
+          </time>
+          <template v-else>À planifier</template>
           - {{ film.title }}
           <template v-if="film.director"> de {{ film.director }}</template>
         </nuxt-link>
@@ -30,3 +31,8 @@ const films = reactive<ShortFilm[]>([])
 
 Object.assign(films, (await apiGet("admin/films/")).data.value)
 </script>
+
+<style lang="sass">
+.list-item-content
+  display: block
+</style>