Update templates/result.html

templates/result.html

@@ -145,7 +145,7 @@
             font-weight: 600;
         }
         
-        /* Color styling for field checklist items */
+        /* Fixed color styling for field checklist items */
         .check-mark { color: #27ae60; } /* Green color for check marks */
         .x-mark { color: #e74c3c; } /* Red color for x marks */
         .field-name { color: #000; } /* Black color for field names */
@@ -169,7 +169,7 @@
             margin-left: 10px; 
         }
         
-        /* Styles for human-friendly viewer */
+        /* New styles for human-friendly viewer */
         .aibom-viewer {
             margin: 20px 0;
             border: 1px solid #e9ecef;
@@ -359,7 +359,7 @@
             flex: 1;
         }
         
-        /* Styles for improved user understanding */
+        /* New styles for improved user understanding */
         .tooltip {
             position: relative;
             display: inline-block;
@@ -476,7 +476,7 @@
             margin-right: 15px;
         }
         
-        /* Styles for completeness profile */
+        /* New styles for completeness profile */
         .completeness-profile {
             background-color: #e8f5e9;
             border-radius: 8px;
@@ -501,7 +501,7 @@
         .profile-advanced {
             background-color: #4caf50;
         }
-        /* Contrast with profile status */
+        /* Fix for contrast issue with profile status */
         .profile-incomplete {
             background-color: #f44336;
             color: white; /* Ensure text is visible on red background */
@@ -532,7 +532,7 @@
             align-items: center;
             margin-right: 20px;
         }
-        /* Style for validation penalty explanation */
+        /* New style for validation penalty explanation */
         .validation-penalty-info {
             background-color: #fff3e0;
             border-left: 4px solid #ff9800;
@@ -547,7 +547,7 @@
             margin-bottom: 15px;
         }
         
-        /* Section for score calculation explanation */
+        /* New section for score calculation explanation */
         .score-calculation {
             margin-top: 30px;
             padding: 25px;
@@ -606,7 +606,7 @@
         <a href="https://aetheris.ai/" target="_blank">
             <img src="https://huggingface.co/spaces/aetheris-ai/aibom-generator/resolve/main/templates/images/AetherisAI-logo.png" alt="Aetheris AI Logo">
         </a>
-        <!-- Header-content div -->
+        <!-- Added header-content div -->
         <div class="header-content">
             <h1>AI SBOM Generator</h1>
         </div>