201201 padding : 1.5em ;
202202 }
203203
204+ .card__labels {
205+ position : absolute;
206+ top : 1.1em ;
207+ left : 0 ;
208+ display : flex;
209+ align-items : center;
210+ gap : 8px ;
211+ }
212+
204213 .card .label {
205214 background-color : # 767676 ;
206215 border : 2px solid # 767676 ;
258267 padding-top : 4em ;
259268 }
260269
261- .card--vuln .label {
262- left : 0 ;
263- position : absolute;
264- top : 1.1em ;
270+ .card--vuln .card__labels > .label : first-child {
265271 padding-left : 1.9em ;
266272 padding-right : 1.9em ;
267273 border-radius : 0 0.25rem 0.25rem 0 ;
289295 .card--vuln .card__title {
290296 font-size : 28px ;
291297 margin-top : 0 ;
298+ margin-right : 100px ; /* Ensure space for the risk score */
292299 }
293300
294301 .card--vuln .card__cta p {
295302 margin : 0 ;
296303 text-align : right;
297304 }
298305
306+ .risk-score-display {
307+ position : absolute;
308+ top : 1.5em ;
309+ right : 1.5em ;
310+ text-align : right;
311+ z-index : 10 ;
312+ }
313+
314+ .risk-score-display__label {
315+ font-size : 0.7em ;
316+ font-weight : bold;
317+ color : # 586069 ;
318+ text-transform : uppercase;
319+ line-height : 1 ;
320+ margin-bottom : 3px ;
321+ }
322+
323+ .risk-score-display__value {
324+ font-size : 1.9em ;
325+ font-weight : 600 ;
326+ color : # 24292e ;
327+ line-height : 1 ;
328+ }
329+
299330 .source-panel {
300331 clear : both;
301332 display : flex;
456487 < div class ="header-wrap ">
457488 < h1 class ="project__header__title "> Snyk test report</ h1 >
458489
459- < p class ="timestamp "> June 22nd 2025, 12:23:23 am (UTC+00:00)</ p >
490+ < p class ="timestamp "> June 29th 2025, 12:24:00 am (UTC+00:00)</ p >
460491 </ div >
461492 < div class ="source-panel ">
462493 < span > Scanned the following paths:</ span >
@@ -470,7 +501,7 @@ <h1 class="project__header__title">Snyk test report</h1>
470501 < div class ="meta-counts ">
471502 < div class ="meta-count "> < span > 8</ span > < span > known vulnerabilities</ span > </ div >
472503 < div class ="meta-count "> < span > 28 vulnerable dependency paths</ span > </ div >
473- < div class ="meta-count "> < span > 2103 </ span > < span > dependencies</ span > </ div >
504+ < div class ="meta-count "> < span > 2105 </ span > < span > dependencies</ span > </ div >
474505 </ div > <!-- .meta-counts -->
475506 </ div > <!-- .layout-container--short -->
476507 </ header > <!-- .project__header -->
@@ -482,8 +513,10 @@ <h1 class="project__header__title">Snyk test report</h1>
482513 < h2 class ="card__title "> MPL-2.0 license</ h2 >
483514 < div class ="card__section ">
484515
485- < div class ="label label--medium ">
486- < span class ="label__text "> medium severity</ span >
516+ < div class ="card__labels ">
517+ < div class ="label label--medium ">
518+ < span class ="label__text "> medium severity</ span >
519+ </ div >
487520 </ div >
488521
489522 < hr />
@@ -542,8 +575,10 @@ <h3 class="card__section__title">Detailed paths</h3>
542575 < h2 class ="card__title "> MPL-2.0 license</ h2 >
543576 < div class ="card__section ">
544577
545- < div class ="label label--medium ">
546- < span class ="label__text "> medium severity</ span >
578+ < div class ="card__labels ">
579+ < div class ="label label--medium ">
580+ < span class ="label__text "> medium severity</ span >
581+ </ div >
547582 </ div >
548583
549584 < hr />
@@ -604,8 +639,10 @@ <h3 class="card__section__title">Detailed paths</h3>
604639 < h2 class ="card__title "> MPL-2.0 license</ h2 >
605640 < div class ="card__section ">
606641
607- < div class ="label label--medium ">
608- < span class ="label__text "> medium severity</ span >
642+ < div class ="card__labels ">
643+ < div class ="label label--medium ">
644+ < span class ="label__text "> medium severity</ span >
645+ </ div >
609646 </ div >
610647
611648 < hr />
@@ -819,8 +856,10 @@ <h3 class="card__section__title">Detailed paths</h3>
819856 < h2 class ="card__title "> MPL-2.0 license</ h2 >
820857 < div class ="card__section ">
821858
822- < div class ="label label--medium ">
823- < span class ="label__text "> medium severity</ span >
859+ < div class ="card__labels ">
860+ < div class ="label label--medium ">
861+ < span class ="label__text "> medium severity</ span >
862+ </ div >
824863 </ div >
825864
826865 < hr />
@@ -992,8 +1031,10 @@ <h3 class="card__section__title">Detailed paths</h3>
9921031 < h2 class ="card__title "> MPL-2.0 license</ h2 >
9931032 < div class ="card__section ">
9941033
995- < div class ="label label--medium ">
996- < span class ="label__text "> medium severity</ span >
1034+ < div class ="card__labels ">
1035+ < div class ="label label--medium ">
1036+ < span class ="label__text "> medium severity</ span >
1037+ </ div >
9971038 </ div >
9981039
9991040 < hr />
@@ -1052,8 +1093,10 @@ <h3 class="card__section__title">Detailed paths</h3>
10521093 < h2 class ="card__title "> Regular Expression Denial of Service (ReDoS)</ h2 >
10531094 < div class ="card__section ">
10541095
1055- < div class ="label label--medium ">
1056- < span class ="label__text "> medium severity</ span >
1096+ < div class ="card__labels ">
1097+ < div class ="label label--medium ">
1098+ < span class ="label__text "> medium severity</ span >
1099+ </ div >
10571100 </ div >
10581101
10591102 < hr />
@@ -1197,8 +1240,10 @@ <h2 id="references">References</h2>
11971240 < h2 class ="card__title "> Insecure Randomness</ h2 >
11981241 < div class ="card__section ">
11991242
1200- < div class ="label label--low ">
1201- < span class ="label__text "> low severity</ span >
1243+ < div class ="card__labels ">
1244+ < div class ="label label--low ">
1245+ < span class ="label__text "> low severity</ span >
1246+ </ div >
12021247 </ div >
12031248
12041249 < hr />
@@ -1267,8 +1312,10 @@ <h2 id="references">References</h2>
12671312 < h2 class ="card__title "> Regular Expression Denial of Service (ReDoS)</ h2 >
12681313 < div class ="card__section ">
12691314
1270- < div class ="label label--low ">
1271- < span class ="label__text "> low severity</ span >
1315+ < div class ="card__labels ">
1316+ < div class ="label label--low ">
1317+ < span class ="label__text "> low severity</ span >
1318+ </ div >
12721319 </ div >
12731320
12741321 < hr />
0 commit comments