Update lifestyle-calculator.html

1 file changed +8 −4

Diff

diff --git a/lifestyle-calculator.html b/lifestyle-calculator.html
index a855117..4e97e3d 100644
--- a/lifestyle-calculator.html
+++ b/lifestyle-calculator.html
@@ -239,7 +239,6 @@
         #milestone-popup.show {
             bottom: 25px;
         }
-        #milestone-emoji { font-size: 1.5rem; }
     
         @keyframes itemEntryAnimation { from { opacity: 0; transform: translateX(-20px) scale(0.98); } to { opacity: 1; transform: translateX(0) scale(1); } }
         .animate-item-entry { animation: itemEntryAnimation 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
@@ -306,7 +305,7 @@
             <div class="col-lg-6">
                 <div class="lifestyle-category entertainment fade-in"><div class="category-title"><i class="bi bi-dice-5-fill category-icon"></i> Entertainment &amp; Hobbies</div><div id="entertainment-content"></div></div>
                 <div class="lifestyle-category education fade-in"><div class="category-title"><i class="bi bi-book-half category-icon"></i> Education &amp; Growth</div><div id="education-content"></div></div>
-                <div class="lifestyle-category health-wellness fade-in"><div class="category-title"><i class="bi bi-heart-pulse-fill category-icon"></i> Health &amp; Wellness</div><div id="health-wellness-content"></div></div>
+                <div class="lifestyle-category health-wellness fade-in"><div class="category-title"><i class="bi bi-heart-pulse-fill category-icon"></i> Health & Wellness</div><div id="health-wellness-content"></div></div>
                 <div class="lifestyle-category services fade-in"><div class="category-title"><i class="bi bi-person-check-fill category-icon"></i> Personal Services</div><div id="services-content"></div></div>
                 <div class="lifestyle-category financial-planning fade-in"><div class="category-title"><i class="bi bi-piggy-bank category-icon"></i> Financial Planning &amp; Investments</div><div id="financial-services-content"></div></div>
             </div>
@@ -463,8 +462,13 @@ function updateLifestyle() {
 
     Object.keys(lifestyleData).forEach(category => {
         const categoryData = lifestyleData[category];
-        const contentDiv = document.getElementById(`${category.replace(/([A-Z])/g, '-$1').toLowerCase()}-content`);
-        if (!contentDiv) return;
+        const contentDivId = `${category.replace(/([A-Z])/g, '-$1').toLowerCase()}-content`;
+        const contentDiv = document.getElementById(contentDivId);
+        
+        if (!contentDiv) {
+            console.warn(`Content div not found for category ID: ${contentDivId}`);
+            return;
+        }
 
         let itemsToDisplay = [];
         for (let i = categoryData.length - 1; i >= 0; i--) {