Update log.html

log.html

@@ -47,7 +47,6 @@ body{
   line-height:1.5;
 }
 
-/* CHANGED: hover glow on recipient cards */
 .recipient-card {
   border: 1px solid #e5e7eb;
   padding: 20px;
@@ -167,7 +166,7 @@ current=await res.json();
 renderAI();
 }
 
-/* AI LIST — CHANGED: added margin-bottom to name, km, reason, badge; mt-4 on buttons */
+/* AI LIST */
 function renderAI(){
 
 aiBox.innerHTML=current.map((x,i)=>`
@@ -180,11 +179,11 @@ aiBox.innerHTML=current.map((x,i)=>`
 <span class="btn ${
 x.priority=="High"?"high":
 x.priority=="Medium"?"medium":"low"
-} mb-4" style="display:inline-block;margin-bottom:16px;">
+}" style="display:inline-block;margin-bottom:16px;">
 ${x.priority}
 </span>
 
-<div class="mt-2 flex gap-3 flex-wrap">
+<div class="flex gap-3 flex-wrap">
 
 <button class="btn"
 style="background:#10b981;color:white"
@@ -247,13 +246,18 @@ accepted.splice(i,1);
 renderAccepted();
 }
 
-/* confirm */
+/* CHANGED: also save portions, foodType, foodName */
 function confirmDonation(){
 if(accepted.length==0){
 alert("Select recipients");
 return;
 }
-localStorage.setItem("donationData",JSON.stringify({accepted}));
+localStorage.setItem("donationData", JSON.stringify({
+  accepted,
+  portions: document.getElementById("portions").value,
+  foodType: document.getElementById("foodType").value,
+  foodName: document.getElementById("foodName").value
+}));
 location.href="confirmation.html";
 }