Spaces:

Axcel1
/

icd_10_coding_assistant

Sleeping

App Files Files Community

Axcel1 commited on Sep 1

Commit

ae1ab1e

verified ·

1 Parent(s): 920397a

Update app.py

Browse files

Files changed (1) hide show

app.py +14 -14

app.py CHANGED Viewed

@@ -509,39 +509,39 @@ class ICD10SearchInterface:
         # Enhanced legend with chapter info
         html += """
-        <div style='background-color: #f8f9fa; border-radius: 8px; padding: 15px; margin-top: 20px;'>
-            <h4 style='color: #2c3e50; margin-bottom: 15px;'>Enhanced Legend</h4>
             <div style='margin-bottom: 15px;'>
-                <h5 style='color: #2c3e50; margin-bottom: 8px;'>Score Quality:</h5>
                 <div style='display: flex; flex-wrap: wrap; gap: 15px; align-items: center;'>
                     <div style='display: flex; align-items: center;'>
                         <div style='width: 20px; height: 20px; background-color: #27ae60; border-radius: 3px; margin-right: 8px;'></div>
-                        <span style='font-size: 0.9em;'>Excellent Match (≥0.8)</span>
                     </div>
                     <div style='display: flex; align-items: center;'>
                         <div style='width: 20px; height: 20px; background-color: #f39c12; border-radius: 3px; margin-right: 8px;'></div>
-                        <span style='font-size: 0.9em;'>Good Match (≥0.6)</span>
                     </div>
                     <div style='display: flex; align-items: center;'>
                         <div style='width: 20px; height: 20px; background-color: #e67e22; border-radius: 3px; margin-right: 8px;'></div>
-                        <span style='font-size: 0.9em;'>Fair Match (≥0.4)</span>
                     </div>
                     <div style='display: flex; align-items: center;'>
                         <div style='width: 20px; height: 20px; background-color: #e74c3c; border-radius: 3px; margin-right: 8px;'></div>
-                        <span style='font-size: 0.9em;'>Low Match (<0.4)</span>
                     </div>
                 </div>
             </div>
             <div>
-                <h5 style='color: #2c3e50; margin-bottom: 8px;'>Features:</h5>
-                <div style='display: flex; flex-wrap: wrap; gap: 20px; align-items: center; font-size: 0.9em;'>
-                    <span>High-scoring codes (≥0.6)</span>
-                    <span>Category grouping by ICD-10 structure</span>
-                    <span>Chapter context and descriptions</span>
-                    <span>Score-based category prioritization</span>
-                    <span>Duplicate category codes filtered</span>
                 </div>
             </div>
         </div>

         # Enhanced legend with chapter info
         html += """
+        <div style='background: var(--background-fill-secondary, #f8f9fa); border: 1px solid var(--border-color-primary, #e9ecef); border-radius: 8px; padding: 15px; margin-top: 20px;'>
+            <h4 style='color: var(--body-text-color, #2c3e50); margin-bottom: 15px;'>Enhanced Legend</h4>
             <div style='margin-bottom: 15px;'>
+                <h5 style='color: var(--body-text-color, #2c3e50); margin-bottom: 8px;'>Score Quality:</h5>
                 <div style='display: flex; flex-wrap: wrap; gap: 15px; align-items: center;'>
                     <div style='display: flex; align-items: center;'>
                         <div style='width: 20px; height: 20px; background-color: #27ae60; border-radius: 3px; margin-right: 8px;'></div>
+                        <span style='font-size: 0.9em; color: var(--body-text-color, #333);'>Excellent Match (≥0.8)</span>
                     </div>
                     <div style='display: flex; align-items: center;'>
                         <div style='width: 20px; height: 20px; background-color: #f39c12; border-radius: 3px; margin-right: 8px;'></div>
+                        <span style='font-size: 0.9em; color: var(--body-text-color, #333);'>Good Match (≥0.6)</span>
                     </div>
                     <div style='display: flex; align-items: center;'>
                         <div style='width: 20px; height: 20px; background-color: #e67e22; border-radius: 3px; margin-right: 8px;'></div>
+                        <span style='font-size: 0.9em; color: var(--body-text-color, #333);'>Fair Match (≥0.4)</span>
                     </div>
                     <div style='display: flex; align-items: center;'>
                         <div style='width: 20px; height: 20px; background-color: #e74c3c; border-radius: 3px; margin-right: 8px;'></div>
+                        <span style='font-size: 0.9em; color: var(--body-text-color, #333);'>Low Match (<0.4)</span>
                     </div>
                 </div>
             </div>
             <div>
+                <h5 style='color: var(--body-text-color, #2c3e50); margin-bottom: 8px;'>Features:</h5>
+                <div style='display: flex; flex-wrap: wrap; gap: 20px; align-items: center; font-size: 0.9em; color: var(--body-text-color, #666);'>
+                    <span>⭐ High-scoring codes (≥0.6)</span>
+                    <span>📂 Category grouping by ICD-10 structure</span>
+                    <span>📚 Chapter context and descriptions</span>
+                    <span>📊 Score-based category prioritization</span>
+                    <span>🔄 Duplicate category codes filtered</span>
                 </div>
             </div>
         </div>