Make the rendering of severity consistent

google · May 17, 2024 · 212c8f1 · 212c8f1
1 parent 511d314
commit 212c8f1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/gcp/appengine/frontend3/src/styles.scss b/gcp/appengine/frontend3/src/styles.scss
@@ -891,6 +891,11 @@ dl.vulnerability-details,
     padding: 14px 0;
     border-bottom: 1px dashed #fff;
   }
+
+  .severity {
+    padding: 0;
+    font-family: $osv-heading-font-family;
+  }
 }
 
 /** Home page */

diff --git a/gcp/appengine/frontend3/src/templates/vulnerability.html b/gcp/appengine/frontend3/src/templates/vulnerability.html
@@ -167,7 +167,11 @@ <h3 class="mdc-layout-grid__cell--span-3">
             Severity
           </h3>
           <div class="mdc-layout-grid__cell--span-9">
-            <pre class="specific">{{ affected.severity }}</pre>
+            <ul class="severity">
+              {% for item in affected.severity -%}
+              <li>{{ item.type }} - {{ item.score }}</li>
+              {% endfor -%}
+            </ul>
           </div>
         </div>
         {%- endif -%}