From 744993a4bc0ebb67599e2f02254b434c4b4f71c7 Mon Sep 17 00:00:00 2001
From: Randy Woods <randy1@radiorandy.com>
Date: Thu, 9 Jan 2025 14:22:27 -0700
Subject: [PATCH] Made wording changes to RRA results pages

---
 .../mat-rra/rra-gaps/rra-gaps.component.html  |  1 -
 .../rra-level-results.component.html          | 42 ++++++-------
 .../rra-levels/rra-levels.component.html      | 59 +++++++++----------
 .../rra-questions-scoring.component.html      |  2 +-
 .../rra-summary-all.component.html            |  2 +-
 .../acet-layout-main.component.scss           |  4 ++
 .../cf-layout-main.component.scss             |  4 ++
 .../cie-layout-main.component.scss            |  4 ++
 .../iod-layout/iod-layout.component.scss      |  4 ++
 .../layout-main/layout-main.component.scss    |  4 ++
 .../renew-layout-main.component.scss          |  4 ++
 .../rra-layout-main.component.scss            |  4 ++
 CSETWebNg/src/app/layout/styles-base.scss     |  4 ++
 CSETWebNg/src/app/layout/styles-rra.scss      |  6 +-
 .../tsa-layout-main.component.scss            |  4 ++
 CSETWebNg/src/app/reports/reports.scss        |  4 ++
 CSETWebNg/src/assets/i18n/es.json             |  4 +-
 CSETWebNg/src/assets/i18n/reports/en.json     |  2 +-
 CSETWebNg/src/assets/i18n/reports/es.json     |  6 +-
 CSETWebNg/src/assets/i18n/reports/uk.json     |  2 +-
 CSETWebNg/src/sass/styles.scss                |  4 ++
 21 files changed, 105 insertions(+), 65 deletions(-)

diff --git a/CSETWebNg/src/app/assessment/results/mat-rra/rra-gaps/rra-gaps.component.html b/CSETWebNg/src/app/assessment/results/mat-rra/rra-gaps/rra-gaps.component.html
index 52565420e5..8cd2c7438b 100644
--- a/CSETWebNg/src/app/assessment/results/mat-rra/rra-gaps/rra-gaps.component.html
+++ b/CSETWebNg/src/app/assessment/results/mat-rra/rra-gaps/rra-gaps.component.html
@@ -35,7 +35,6 @@ <h3>{{t('titles.goal performance')}}</h3>
                 <div class="col-12">
                     <p>{{t('reports.core.rra.goal performance summary')}}</p>
                     <h5>{{t('reports.core.rra.report.rra performance by goal')}}</h5>
-                    <p>{{t('reports.core.rra.report.performance by goal text')}}</p>
                     <app-rra-answer-compliance></app-rra-answer-compliance>
                 </div>
             </div>
diff --git a/CSETWebNg/src/app/assessment/results/mat-rra/rra-level-results/rra-level-results.component.html b/CSETWebNg/src/app/assessment/results/mat-rra/rra-level-results/rra-level-results.component.html
index 165888727f..cd34bcc3e9 100644
--- a/CSETWebNg/src/app/assessment/results/mat-rra/rra-level-results/rra-level-results.component.html
+++ b/CSETWebNg/src/app/assessment/results/mat-rra/rra-level-results/rra-level-results.component.html
@@ -23,31 +23,23 @@
 <div class="white-panel oy-auto h-0 d-flex flex-column flex-11a" *transloco="let t">
     <h3>{{t('reports.core.rra.report.tiers')}}</h3>
 
-<div class="d-flex flex-column flex-11a">
-
-        <div class="container mb-5">
-            <div class="row">
-                <div class="col-12">
-                    <p>{{t('reports.core.rra.assessment tiers summary')}}</p>
-                    <h5>{{t('reports.core.rra.report.assessment tiers')}}</h5>
-                    <app-rra-levels></app-rra-levels>
-                </div>
-            </div>
-            <div class="row mb-5">
-                <div class="col-12">
-                    <h5>{{t('reports.core.rra.report.answered tier')}}</h5>
-                    <app-rra-answer-counts></app-rra-answer-counts>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col-12">
-                    <h5>{{t('reports.core.rra.report.distribution tier')}}</h5>
-                    <app-rra-answer-distribution></app-rra-answer-distribution>
-                </div>
-            </div>
-        </div>
-
-        <app-nav-back-next [page]="'rra-level-results'"></app-nav-back-next>
+    <p class="mb-4">{{t('reports.core.rra.assessment tiers summary')}}</p>
 
+    <div class="mb-5">
+        <h5>{{t('reports.core.rra.report.assessment tiers')}}</h5>
+        <app-rra-levels></app-rra-levels>
     </div>
+
+    <div style="margin-bottom: 5rem">
+        <h5>{{t('reports.core.rra.report.answered tier')}}</h5>
+        <app-rra-answer-counts></app-rra-answer-counts>
+    </div>
+
+    <div class="mb-5">
+        <h5>{{t('reports.core.rra.report.distribution tier')}}</h5>
+        <app-rra-answer-distribution></app-rra-answer-distribution>
+    </div>
+
+    <app-nav-back-next [page]="'rra-level-results'"></app-nav-back-next>
+
 </div>
\ No newline at end of file
diff --git a/CSETWebNg/src/app/assessment/results/mat-rra/rra-levels/rra-levels.component.html b/CSETWebNg/src/app/assessment/results/mat-rra/rra-levels/rra-levels.component.html
index 927e87a5b6..d15a70d494 100644
--- a/CSETWebNg/src/app/assessment/results/mat-rra/rra-levels/rra-levels.component.html
+++ b/CSETWebNg/src/app/assessment/results/mat-rra/rra-levels/rra-levels.component.html
@@ -21,38 +21,37 @@
   SOFTWARE. 
 -------------------------->
 <div *transloco="let t">
-<p>
-    {{t('reports.core.rra.report.levels.text 1')}}
-</p>
-<div class="pyramidGraphContainer">
-    <div class="pyramidGraph">
-        <div class="arrowContainer">
-            <div class="topHalfArrowMask">
-                <div class="corners triangle-topright"></div>
-                <div class="corners triangle-topleft"></div>
-            </div>
-            <div class="bottomHalfArrowMask">
-                <div class="arrowBaseMask arrowBaseLeft"></div>
-                <div class="arrowBaseCenter" style="color: white; justify-content: center;">
-                    <span style="font-size: 1.2em; font-weight: bold; background-color: transparent;">
-                        {{t('reports.core.rra.report.levels.rra practices')}}
-                    </span>
+
+    <div class="pyramidGraphContainer">
+        <div class="pyramidGraph">
+            <div class="arrowContainer">
+                <div class="topHalfArrowMask">
+                    <div class="corners triangle-topright"></div>
+                    <div class="corners triangle-topleft"></div>
+                </div>
+                <div class="bottomHalfArrowMask">
+                    <div class="arrowBaseMask arrowBaseLeft"></div>
+                    <div class="arrowBaseCenter" style="color: white; justify-content: center;">
+                        <span style="font-size: 1.2em; font-weight: bold; background-color: transparent;">
+                            {{t('reports.core.rra.report.levels.rra practices')}}
+                        </span>
+                    </div>
+                    <div class="arrowBaseMask arrowBaseRight"></div>
                 </div>
-                <div class="arrowBaseMask arrowBaseRight"></div>
             </div>
-        </div>
-        <div class="pyramidLevel levelOne pyramidRowItem" [ngStyle]="getPyramidRowColor(3)">
-            <span style="font-size: 1.2em; font-weight: bold; background-color: transparent;">{{t('level.advanced')}}</span>
-        </div>
-        <div class="pyramidLevel levelTwo pyramidRowItem" [ngStyle]="getPyramidRowColor(2)">
-            <span style="font-size: 1.2em; font-weight: bold; background-color: transparent;">{{t('level.intermediate')}}</span>
-        </div>
-        <div class="pyramidLevel levelThree pyramidRowItem" [ngStyle]="getPyramidRowColor(1)">
-            <span style="font-size: 1.2em; font-weight: bold; background-color: transparent;">{{t('level.basic')}}</span>
+            <div class="pyramidLevel levelOne pyramidRowItem" [ngStyle]="getPyramidRowColor(3)">
+                <span
+                    style="font-size: 1.2em; font-weight: bold; background-color: transparent;">{{t('level.advanced')}}</span>
+            </div>
+            <div class="pyramidLevel levelTwo pyramidRowItem" [ngStyle]="getPyramidRowColor(2)">
+                <span
+                    style="font-size: 1.2em; font-weight: bold; background-color: transparent;">{{t('level.intermediate')}}</span>
+            </div>
+            <div class="pyramidLevel levelThree pyramidRowItem" [ngStyle]="getPyramidRowColor(1)">
+                <span
+                    style="font-size: 1.2em; font-weight: bold; background-color: transparent;">{{t('level.basic')}}</span>
+            </div>
         </div>
     </div>
-</div>
-<p class="my-4">
-    {{t('reports.core.rra.report.levels.text 2')}}
-</p>
+
 </div>
\ No newline at end of file
diff --git a/CSETWebNg/src/app/assessment/results/mat-rra/rra-questions-scoring/rra-questions-scoring.component.html b/CSETWebNg/src/app/assessment/results/mat-rra/rra-questions-scoring/rra-questions-scoring.component.html
index df7853bd18..d5fa93b3d3 100644
--- a/CSETWebNg/src/app/assessment/results/mat-rra/rra-questions-scoring/rra-questions-scoring.component.html
+++ b/CSETWebNg/src/app/assessment/results/mat-rra/rra-questions-scoring/rra-questions-scoring.component.html
@@ -21,7 +21,7 @@
   SOFTWARE. 
 -------------------------->
 
-<table class="table" *transloco="let t">
+<table class="table table-td-p1" *transloco="let t">
     <tr>
         <th></th>
         <th class="text-end">{{t('answer-options.button-labels.yes')}}</th>
diff --git a/CSETWebNg/src/app/assessment/results/mat-rra/rra-summary-all/rra-summary-all.component.html b/CSETWebNg/src/app/assessment/results/mat-rra/rra-summary-all/rra-summary-all.component.html
index 213b596de4..74a2602499 100644
--- a/CSETWebNg/src/app/assessment/results/mat-rra/rra-summary-all/rra-summary-all.component.html
+++ b/CSETWebNg/src/app/assessment/results/mat-rra/rra-summary-all/rra-summary-all.component.html
@@ -22,7 +22,7 @@
 -------------------------->
 <div class="white-panel d-flex flex-column flex-11a" *transloco="let t">
     <h3 class="d-flex flex-column flex-00a">{{title}}</h3>
-    <p style="text-align: center">
+    <p>
         {{t('reports.core.rra.report.performance summary text')}}
     </p>
     <div class="container">
diff --git a/CSETWebNg/src/app/layout/acet-layout-main/acet-layout-main.component.scss b/CSETWebNg/src/app/layout/acet-layout-main/acet-layout-main.component.scss
index 6d8db09dc2..16b377d70e 100644
--- a/CSETWebNg/src/app/layout/acet-layout-main/acet-layout-main.component.scss
+++ b/CSETWebNg/src/app/layout/acet-layout-main/acet-layout-main.component.scss
@@ -619,6 +619,10 @@ table.assessment-summary th {
   padding: .5rem;
 }
 
+.table.table-td-p1 th, .table.table-td-p1 td {
+  padding: .25rem !important;
+}
+
 .table.table-td-p2 th, .table.table-td-p2 td {
   padding: .5rem !important;
 }
diff --git a/CSETWebNg/src/app/layout/cf-layout-main/cf-layout-main.component.scss b/CSETWebNg/src/app/layout/cf-layout-main/cf-layout-main.component.scss
index 253ef1b58e..00d408984d 100644
--- a/CSETWebNg/src/app/layout/cf-layout-main/cf-layout-main.component.scss
+++ b/CSETWebNg/src/app/layout/cf-layout-main/cf-layout-main.component.scss
@@ -632,6 +632,10 @@ table.assessment-summary th {
   padding: .5rem;
 }
 
+.table.table-td-p1 th, .table.table-td-p1 td {
+  padding: .25rem !important;
+}
+
 .table.table-td-p2 th, .table.table-td-p2 td {
   padding: .5rem !important;
 }
diff --git a/CSETWebNg/src/app/layout/cie-layout-main/cie-layout-main.component.scss b/CSETWebNg/src/app/layout/cie-layout-main/cie-layout-main.component.scss
index 077eb99e68..5eba4a4716 100644
--- a/CSETWebNg/src/app/layout/cie-layout-main/cie-layout-main.component.scss
+++ b/CSETWebNg/src/app/layout/cie-layout-main/cie-layout-main.component.scss
@@ -629,6 +629,10 @@ table.assessment-summary th {
   padding: .5rem;
 }
 
+.table.table-td-p1 th, .table.table-td-p1 td {
+  padding: .25rem !important;
+}
+
 .table.table-td-p2 th, .table.table-td-p2 td {
   padding: .5rem !important;
 }
diff --git a/CSETWebNg/src/app/layout/iod-layout/iod-layout.component.scss b/CSETWebNg/src/app/layout/iod-layout/iod-layout.component.scss
index c8c70c9680..9c40e73de1 100644
--- a/CSETWebNg/src/app/layout/iod-layout/iod-layout.component.scss
+++ b/CSETWebNg/src/app/layout/iod-layout/iod-layout.component.scss
@@ -625,6 +625,10 @@ table.assessment-summary th {
   padding: .5rem;
 }
 
+.table.table-td-p1 th, .table.table-td-p1 td {
+  padding: .25rem !important;
+}
+
 .table.table-td-p2 th, .table.table-td-p2 td {
   padding: .5rem !important;
 }
diff --git a/CSETWebNg/src/app/layout/layout-main/layout-main.component.scss b/CSETWebNg/src/app/layout/layout-main/layout-main.component.scss
index 270ee670d5..79e3ea9e33 100644
--- a/CSETWebNg/src/app/layout/layout-main/layout-main.component.scss
+++ b/CSETWebNg/src/app/layout/layout-main/layout-main.component.scss
@@ -625,6 +625,10 @@ table.assessment-summary th {
   padding: .5rem;
 }
 
+.table.table-td-p1 th, .table.table-td-p1 td {
+  padding: .25rem !important;
+}
+
 .table.table-td-p2 th, .table.table-td-p2 td {
   padding: .5rem !important;
 }
diff --git a/CSETWebNg/src/app/layout/renew-layout-main/renew-layout-main.component.scss b/CSETWebNg/src/app/layout/renew-layout-main/renew-layout-main.component.scss
index 16bf7c7bfd..ad57d41822 100644
--- a/CSETWebNg/src/app/layout/renew-layout-main/renew-layout-main.component.scss
+++ b/CSETWebNg/src/app/layout/renew-layout-main/renew-layout-main.component.scss
@@ -645,6 +645,10 @@ table.assessment-summary th {
   padding: .5rem;
 }
 
+.table.table-td-p1 th, .table.table-td-p1 td {
+  padding: .25rem !important;
+}
+
 .table.table-td-p2 th, .table.table-td-p2 td {
   padding: .5rem !important;
 }
diff --git a/CSETWebNg/src/app/layout/rra-layout-main/rra-layout-main.component.scss b/CSETWebNg/src/app/layout/rra-layout-main/rra-layout-main.component.scss
index 8eaae55267..83c9392add 100644
--- a/CSETWebNg/src/app/layout/rra-layout-main/rra-layout-main.component.scss
+++ b/CSETWebNg/src/app/layout/rra-layout-main/rra-layout-main.component.scss
@@ -527,6 +527,10 @@ table.assessment-summary th {
   padding: .5rem;
 }
 
+.table.table-td-p1 th, .table.table-td-p1 td {
+  padding: .25rem !important;
+}
+
 .table.table-td-p2 th, .table.table-td-p2 td {
   padding: .5rem !important;
 }
diff --git a/CSETWebNg/src/app/layout/styles-base.scss b/CSETWebNg/src/app/layout/styles-base.scss
index 81a91193e2..6d55562d8e 100644
--- a/CSETWebNg/src/app/layout/styles-base.scss
+++ b/CSETWebNg/src/app/layout/styles-base.scss
@@ -521,6 +521,10 @@ table.assessment-summary th {
   padding: .5rem;
 }
 
+.table.table-td-p1 th, .table.table-td-p1 td {
+  padding: .25rem !important;
+}
+
 .table.table-td-p2 th, .table.table-td-p2 td {
   padding: .5rem !important;
 }
diff --git a/CSETWebNg/src/app/layout/styles-rra.scss b/CSETWebNg/src/app/layout/styles-rra.scss
index c9dc143a91..46b8361c80 100644
--- a/CSETWebNg/src/app/layout/styles-rra.scss
+++ b/CSETWebNg/src/app/layout/styles-rra.scss
@@ -86,7 +86,11 @@ table.assessment-summary th {
     color: $white;
 }
 
-.table.table-td-p2 th, .table.table-td-p2 td {
+.table.table-td-p1 th, .table.table-td-p1 td {
+    padding: .25rem !important;
+  }
+  
+  .table.table-td-p2 th, .table.table-td-p2 td {
     padding: .5rem !important;
 }
 
diff --git a/CSETWebNg/src/app/layout/tsa-layout-main/tsa-layout-main.component.scss b/CSETWebNg/src/app/layout/tsa-layout-main/tsa-layout-main.component.scss
index 3e60b93592..962e40c678 100644
--- a/CSETWebNg/src/app/layout/tsa-layout-main/tsa-layout-main.component.scss
+++ b/CSETWebNg/src/app/layout/tsa-layout-main/tsa-layout-main.component.scss
@@ -633,6 +633,10 @@ table.assessment-summary th {
   padding: .5rem;
 }
 
+.table.table-td-p1 th, .table.table-td-p1 td {
+  padding: .25rem !important;
+}
+
 .table.table-td-p2 th, .table.table-td-p2 td {
   padding: .5rem !important;
 }
diff --git a/CSETWebNg/src/app/reports/reports.scss b/CSETWebNg/src/app/reports/reports.scss
index 8d7b3c4273..f5435d42a7 100644
--- a/CSETWebNg/src/app/reports/reports.scss
+++ b/CSETWebNg/src/app/reports/reports.scss
@@ -529,6 +529,10 @@ table.assessment-summary th {
   padding: .5rem;
 }
 
+.table.table-td-p1 th, .table.table-td-p1 td {
+  padding: .25rem !important;
+}
+
 .table.table-td-p2 th, .table.table-td-p2 td {
   padding: .5rem !important;
 }
diff --git a/CSETWebNg/src/assets/i18n/es.json b/CSETWebNg/src/assets/i18n/es.json
index 02120fc518..ac866dfd9f 100644
--- a/CSETWebNg/src/assets/i18n/es.json
+++ b/CSETWebNg/src/assets/i18n/es.json
@@ -277,9 +277,9 @@
         "feedback": "Retroalimentación",
         "analytics": "analítica",
         "assessment complete": "Evaluación completa",
-        "performance summary": "Resumen de desempeño",
+        "performance summary": "Resumen de rendimiento",
         "security practice checklist": "Lista de prácticas de seguridad",
-        "goal performance": "Desempeño de metas",
+        "goal performance": "Rendimiento de metas",
         "assessment tiers": "Niveles de evaluación",
         "ssg": {
             "chemical": "Metas del sector químico"
diff --git a/CSETWebNg/src/assets/i18n/reports/en.json b/CSETWebNg/src/assets/i18n/reports/en.json
index d7fa491a3d..cdb9aa0b71 100644
--- a/CSETWebNg/src/assets/i18n/reports/en.json
+++ b/CSETWebNg/src/assets/i18n/reports/en.json
@@ -677,7 +677,7 @@
                "cisa ransomware readiness assessment": "CISA Ransomware Readiness Assessment",
                "assessment full title": "Ransomware Readiness",
                "goal performance summary": "The Goal Performance chart provides a high-level overview of how well an organization meets each ransomware readiness goal. It presents the percentage of practice compliance for each goal in a bar chart. Additionally, the data is displayed in a table below the chart for further examination.",
-               "assessment tiers summary": "The Assessment Tiers charts visually represents the implementation status of ransomware readiness practices within an organization across the basic, intermediate, and advanced tiers. The charts display the number of “yes,” “no,” and “unanswered” responses per tier, as well as the distribution percentage of each response type per tier.",
+               "assessment tiers summary": "The Assessment Tiers charts visually represent the implementation status of ransomware readiness practices within an organization across the basic, intermediate, and advanced tiers. The practices are intended to be implemented from one tier to the next and are designed to provide a clear path for improvement. The charts below display the number of \"yes,\" \"no,\" and \"unanswered\" responses by tier, as well as the distribution percentage of each response type by tier.",
                "report": {
                     "assessment tiers": "RRA Assessment Tiers",
                     "answered tier": "Practices Answered Per Tier",
diff --git a/CSETWebNg/src/assets/i18n/reports/es.json b/CSETWebNg/src/assets/i18n/reports/es.json
index d96050c936..c0510d98bd 100644
--- a/CSETWebNg/src/assets/i18n/reports/es.json
+++ b/CSETWebNg/src/assets/i18n/reports/es.json
@@ -298,7 +298,7 @@
                "report title": "Objetivos de Rendimiento Cibernético de CISA (CPG)",
                "report": {
                     "cpg report": "[ES]CPG Report",
-                    "performance summary": "Resumen de desempeño",
+                    "performance summary": "Resumen de rendimiento",
                     "chart detail": "[ES]Chart Detail",
                     "security practice checklist": "[ES]Security Practice Checklist",
                     "p": {
@@ -335,6 +335,8 @@
                "comments and marked for review": "Comentarios y Marcados para Revisión",
                "cisa ransomware readiness assessment": "CISA Informe de Evaluación de Preparación para Ransomware (RRA)",
                "assessment full title": "Preparación para ransomware",
+               "goal performance summary": "El gráfico de rendimiento de objetivos ofrece una descripción general de alto nivel de cómo una organización cumple con cada objetivo de preparación para el ransomware. Presenta el porcentaje de cumplimiento de las prácticas para cada objetivo en un gráfico de barras. Además, los datos se muestran en una tabla debajo del gráfico para un análisis más detallado.",
+               "assessment tiers summary": "Los gráficos de niveles de evaluación representan visualmente el estado de implementación de las prácticas de preparación para el ransomware dentro de una organización en los niveles básico, intermedio y avanzado. Las prácticas están pensadas para implementarse de un nivel al siguiente y están diseñadas para proporcionar un camino claro hacia la mejora. Los gráficos a continuación muestran la cantidad de respuestas \"sí\", \"no\" y \"sin respuesta\" por nivel, así como el porcentaje de distribución de cada tipo de respuesta por nivel.",
                "report": {
                     "assessment tiers": "Niveles de evaluación de RRA",
                     "answered tier": "Prácticas respondidas por nivel",
@@ -356,7 +358,7 @@
                     "suggested text": "Los objetivos de la evaluación se clasifican en orden de deficiencia y los objetivos que tienen menos prácticas satisfechas se clasifican más arriba en el cuadro. El gráfico de barras refleja el porcentaje de prácticas para cada objetivo a las que se respondió 'No' o se dejaron sin respuesta.",
                     "goal completion summary": "Resumen de consecución de objetivos",
                     "goal performance": "Rendimiento de objetivos",
-                    "rra performance by goal": "Desempeño de RRA por objetivo",
+                    "rra performance by goal": "Rendimiento de RRA por objetivo",
                     "performance by goal text": "Este gráfico muestra los resultados positivos de su evaluación. Es deseable obtener puntuaciones altas en este gráfico.",
                     "tiers": "Niveles de evaluación",
                     "rra practice list": "[ES] RRA Practice List with Corresponding References",
diff --git a/CSETWebNg/src/assets/i18n/reports/uk.json b/CSETWebNg/src/assets/i18n/reports/uk.json
index 6ed3e9ebe7..414b583329 100644
--- a/CSETWebNg/src/assets/i18n/reports/uk.json
+++ b/CSETWebNg/src/assets/i18n/reports/uk.json
@@ -371,7 +371,7 @@
                "cisa ransomware readiness assessment": "CISA Оцінка готовності до рейдерського програмного забезпечення",
                "assessment full title": "готовності до рейдерського програмного забезпечення",
                "goal performance summary": "Діаграма цільової ефективності надає загальний огляд того, наскільки добре організація досягає кожної цілі щодо готовності до програм-вимагачів. Він представляє відсоток виконання практики для кожної цілі на гістограмі. Крім того, дані відображаються в таблиці під діаграмою для подальшого вивчення.",
-               "assessment tiers summary": "Діаграми рівнів оцінювання візуально представляють стан впровадження практик готовності до програм-вимагачів в організації на базовому, середньому та розширеному рівнях. На діаграмах показано кількість відповідей «так», «ні» та «без відповіді» на рівень, а також відсоток розподілу кожного типу відповідей на рівень.",
+               "assessment tiers summary": "Діаграми рівнів оцінювання візуально відображають стан впровадження практик готовності до програм-вимагачів в організації на базовому, середньому та розширеному рівнях. Практики призначені для впровадження від одного рівня до наступного та створені для забезпечення чіткого шляху вдосконалення. На діаграмах нижче показано кількість відповідей \"так\", \"ні\" і \"без відповіді\" за рівнем, а також відсоток розподілу кожного типу відповіді за рівнем.",
                "report": {
                     "assessment tiers": "Рівні оцінки RRA",
                     "answered tier": "Практики, відповіді на рівні оцінки",
diff --git a/CSETWebNg/src/sass/styles.scss b/CSETWebNg/src/sass/styles.scss
index 109a7baff8..cc262f56b1 100644
--- a/CSETWebNg/src/sass/styles.scss
+++ b/CSETWebNg/src/sass/styles.scss
@@ -348,6 +348,10 @@ table.assessment-summary th {
   padding: .5rem;
 }
 
+.table.table-td-p1 th, .table.table-td-p1 td {
+  padding: .25rem !important;
+}
+
 .table.table-td-p2 th, .table.table-td-p2 td {
   padding: .5rem !important;
 }