From 3bd59a5d607f311239e5ab280cddf4cf6fde0d27 Mon Sep 17 00:00:00 2001
From: El Yaagoubi Bilel <bilel.el-yaagoubi@student-cs.fr>
Date: Thu, 9 Jun 2022 10:08:32 +0200
Subject: [PATCH] middly finished moviePage

---
 frontend/src/components/MoviePoster.vue | 2 +-
 frontend/src/views/MoviePage.vue        | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/MoviePoster.vue b/frontend/src/components/MoviePoster.vue
index 402bfc9..1ff849e 100644
--- a/frontend/src/components/MoviePoster.vue
+++ b/frontend/src/components/MoviePoster.vue
@@ -23,6 +23,6 @@ export default {
   display: flex;
   margin-left: auto;
   margin-right: auto;
-  align-items: center;
+  justify-content: center;
 }
 </style>
diff --git a/frontend/src/views/MoviePage.vue b/frontend/src/views/MoviePage.vue
index d088ecc..6578036 100644
--- a/frontend/src/views/MoviePage.vue
+++ b/frontend/src/views/MoviePage.vue
@@ -1,6 +1,5 @@
 <template>
   <div class="home">
-    <h1>Bienvenue sur la page film</h1>
     <div class="parent">
       <MoviePoster class="child" :posterPath="moviesInfos.poster_path" />
       <MovieInfos
@@ -65,10 +64,15 @@ export default {
 <style scoped>
 .home {
   height: 100%;
+  vertical-align: middle;
+  display: inline;
 }
 .parent {
+  vertical-align: middle;
   display: flex;
-  height: 80%;
+  height: 90%;
+  margin-top: 3%;
+  margin-bottom: 3%;
 }
 .child {
   width: 45%;
-- 
GitLab