cisagov · LaddieZeigler · Jan 9, 2025 · Jan 9, 2025
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
@@ -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/...bNg/src/app/assessment/results/mat-rra/rra-level-results/rra-level-results.component.html b/...bNg/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>
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
@@ -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>
diff --git a/...app/assessment/results/mat-rra/rra-questions-scoring/rra-questions-scoring.component.html b/...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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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;
 }