diff --git a/css/styles.css b/css/styles.css
index 42be712693928c676abebbef543c62dedf4895ea..d6c1ea220eca4db2619f3305fa38d88ce4aed601 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -553,6 +553,7 @@ iframe {
padding-top: 22px;
margin: auto;
width: 292px;
+ margin-top: 30px;
}
.top-content {
diff --git a/html/panier.html b/html/panier.html
index bae0f061c4c3ac6d02cf10b2ae1e7aeba6585b4a..d1e22b4b4fcd881b3d289f2255c8430d4f36a598 100644
--- a/html/panier.html
+++ b/html/panier.html
@@ -5,16 +5,14 @@
<meta charset="UTF-8">
<title>Mon Panier</title>
</head>
-<body id="listePanier" onload="retrievePanier()">
-<br>
-<p class="titleSection">Mon panier</p>
-</body>
+<body id="listePanier" onload="retrievePanier()"></body>
<script src="../scripts/readJson.js"></script>
<script>
function retrievePanier(){
var panierElems = sessionStorage.getItem('panier');
- var builtUpHTML="";
+ var builtUpHTML="<br>" +
+ "<p class=\"titleSection\">Mon panier</p><div class='listeRepas'>";
if(panierElems != null){
var obj = httpGetJson();
var items = panierElems.split(" ");
@@ -28,7 +26,7 @@
}
}
- document.getElementById('listePanier').innerHTML = builtUpHTML;
+ document.getElementById('listePanier').innerHTML = builtUpHTML + '</div>';
sessionStorage.removeItem('frigoIndex');
}
}