From f019e43d485245fc0f43969dbf475fe62e1e1b1a Mon Sep 17 00:00:00 2001
From: oleg_wyndrick <oleg@rapidfort.com>
Date: Wed, 6 Nov 2024 17:41:37 +0200
Subject: [PATCH] - readme charts polishing

Signed-off-by: oleg_wyndrick <oleg@rapidfort.com>
---
 community_images/common/templates/image_readme.j2 | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/community_images/common/templates/image_readme.j2 b/community_images/common/templates/image_readme.j2
index 807fe09fe5..0814e9a10c 100644
--- a/community_images/common/templates/image_readme.j2
+++ b/community_images/common/templates/image_readme.j2
@@ -28,15 +28,19 @@ This optimized image is functionally equivalent to [{{- source_image_provider }}
 
 <p style="display: flex; justify-content: center; gap: 16px;">
     <a href="{{ report_url -}}?utm_source=github&utm_medium=ci_view_report&utm_campaign=sep_01_sprint&utm_term={{- name -}}&utm_content=vulns_count_chart">
-        <img src="https://raw.githubusercontent.com/rapidfort/community-images/refs/heads/main/community_images/ {{- github_location -}} /assets/vulns_count_chart.svg" alt="Vulnerabilities by severity" width="100%" />
+        <img src="https://raw.githubusercontent.com/rapidfort/community-images/refs/heads/main/community_images/ {{- github_location -}} /assets/vulns_count_chart.svg" alt="Vulnerabilities by severity" width="46.5%" />
     </a>
     <a href="{{ report_url -}}?utm_source=github&utm_medium=ci_view_report&utm_campaign=sep_01_sprint&utm_term={{- name -}}&utm_content=original_vs_hardened_vulns_chart">
-        <img src="https://raw.githubusercontent.com/rapidfort/community-images/refs/heads/main/community_images/ {{- github_location -}} /assets/original_vs_hardened_vulns_chart.svg" alt="Original vs. this image" width="100%" />
+        <img src="https://raw.githubusercontent.com/rapidfort/community-images/refs/heads/main/community_images/ {{- github_location -}} /assets/original_vs_hardened_vulns_chart.svg" alt="Original vs. this image" width="46.5%" />
     </a>
 </p>
 
 
-[![Savings][savings-link]][rf-image-savings-link]
+<p style="display: flex; justify-content: center; gap: 16px;">
+    <a href="{{ report_url -}}?utm_source=github&utm_medium=ci_view_report&utm_campaign=sep_01_sprint&utm_term={{- name -}}&utm_content=image_savings_link">
+        <img src="https://raw.githubusercontent.com/rapidfort/community-images/refs/heads/main/community_images/ {{- github_location -}} /assets/savings.svg" alt="Original vs. this image" width="100%" />
+    </a>
+</p>
 
 <a href="{{ report_url -}}?utm_source=github&utm_medium=ci_view_report&utm_campaign=sep_01_sprint&utm_term={{- name -}}&utm_content=get_full_report_button">
 <img align="center" src="https://raw.githubusercontent.com/rapidfort/community-images/main/contrib/full_report.svg" alt="View Report" height="50" />