From 96a83927dbbca1a961005fdfd4d2e058fc8c03d3 Mon Sep 17 00:00:00 2001
From: HediMjid <hedi.mjid@gmail.com>
Date: Wed, 20 Oct 2021 12:45:05 +0200
Subject: [PATCH] fix class data

---
 scripts/people.js   | 7 ++++---
 scripts/planetes.js | 4 ++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/scripts/people.js b/scripts/people.js
index ce102d3..a17ea43 100644
--- a/scripts/people.js
+++ b/scripts/people.js
@@ -54,9 +54,10 @@ class People {
                 <h3>Gender :</h3> 
                 <p>${this.gender}</p>
             </div>            
-
-            <button class="films" value="${this.films}">Voir les films +</button>
-            <div id="detailsFilms${this.index}"></div>
+            <div class="data">
+                <button class="films" value="${this.films}">Voir les films +</button>
+                <div id="detailsFilms${this.index}"></div>
+            </div>
             </div>
         </section>
         `;
diff --git a/scripts/planetes.js b/scripts/planetes.js
index d1c809a..0aa0bef 100644
--- a/scripts/planetes.js
+++ b/scripts/planetes.js
@@ -34,7 +34,7 @@ async function getPlanets() {
               <h3>Rotation :</h3> 
               <p>${ROTATION_PERIOD}</p>
             </div>
-            <div>
+            <div class="data">
               <h3>ORBITAL :</h3>
               <p>${ORBITAL_PERIOD}</p>
               </div>
@@ -212,7 +212,7 @@ function searchPeople() {
             <h3>Rotation :</h3> 
             <p>${results[i].rotation}</p>
           </div>
-          <div>
+          <div class="data">
             <h3>ORBITAL :</h3>
             <p>${results[i].orbital}</p>
             </div>