test

src/display/css_html_js.py

@@ -102,10 +102,10 @@ custom_css = """
     font-size:14px !important
 }
 
-contaminated{
+.contaminated{
     background-color:red !important;
 }
-clean{
+.clean{
     background-color:green !important;
 }
 

src/display/formatting.py

@@ -8,9 +8,9 @@ def make_clickable_model(model_name):
 
 def make_contamination_red(contamination_score):
     if contamination_score <=0:    
-        return f"<clean style='display:block;background-color:green !important;padding:5px;color: white;  text-align: center;margin:0px'  title='Clean model!'>{round((contamination_score))}</clean>"
+        return f"<p class='clean'  style='display:block;background-color:green !important;padding:5px;color: white;  text-align: center;margin:0px'  title='Clean model!'>{round((contamination_score))}</p>"
     else:
-        return f"<contaminated style='display:block;background-color:red !important;padding:5px;color: white; text-align: center;margin:0px' title='Contaminated model!'>{round((contamination_score),2)}</contaminated>"
+        return f"<p class='contaminated' style='display:block;background-color:red !important;padding:5px;color: white; text-align: center;margin:0px' title='Contaminated model!'>{round((contamination_score),2)}</p>"
 
 def styled_error(error):
     return f"<p style='color: red; font-size: 20px; text-align: center;'>{error}</p>"