fix [front]: film list display

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>