diff --git a/dashboard/config.py b/dashboard/config.py index 0f866aa642..bafb69c2e0 100644 --- a/dashboard/config.py +++ b/dashboard/config.py @@ -21,7 +21,7 @@ muted_manual_color = "#b33696" critical_color = "#951649" high_color = "#e11d48" medium_color = "#ee6f15" -low_color = "#f9f5e6" +low_color = "#fcf45d" informational_color = "#3274d9" # Folder output path diff --git a/dashboard/pages/overview.py b/dashboard/pages/overview.py index 8a97287d9e..24ffae5de6 100644 --- a/dashboard/pages/overview.py +++ b/dashboard/pages/overview.py @@ -945,7 +945,7 @@ def filter_data( color_mapping_status = { "FAIL": fail_color, "PASS": pass_color, - "INFO": info_color, + "LOW": info_color, "MANUAL": manual_color, "WARNING": muted_fail_color, "MUTED (FAIL)": muted_fail_color, @@ -1564,7 +1564,10 @@ def generate_table(data, index, color_mapping_severity, color_mapping_status): data.get( "FINDING_UID", "" ) - ) + ), + style={ + "margin-left": "5px" + }, ), ], style={"display": "flex"}, @@ -1644,28 +1647,10 @@ def generate_table(data, index, color_mapping_severity, color_mapping_status): "STATUS_EXTENDED", "", ) - ) - ), - ], - style={"display": "flex"}, - ), - html.Div( - [ - html.P( - html.Strong( - "Risk: ", - style={ - "margin-right": "5px" - }, - ) - ), - html.P( - str( - data.get( - "RISK", - "", - ) - ) + ), + style={ + "margin-left": "5px" + }, ), ], style={"display": "flex"}, @@ -1689,7 +1674,10 @@ def generate_table(data, index, color_mapping_severity, color_mapping_status): ) ), html.P( - str(data.get("RISK", "")) + str(data.get("RISK", "")), + style={ + "margin-left": "5px" + }, ), ], style={"display": "flex"}, @@ -1744,7 +1732,10 @@ def generate_table(data, index, color_mapping_severity, color_mapping_status): "REMEDIATION_RECOMMENDATION_TEXT", "", ) - ) + ), + style={ + "margin-left": "5px" + }, ), ], style={"display": "flex"}, @@ -1772,7 +1763,10 @@ def generate_table(data, index, color_mapping_severity, color_mapping_status): "", ) ), - style={"color": "#3182ce"}, + style={ + "color": "#3182ce", + "margin-left": "5px", + }, ), ], style={"display": "flex"},