diff --git a/client/public/locales/en/translation.json b/client/public/locales/en/translation.json index 81cd6d48a..4209d445d 100644 --- a/client/public/locales/en/translation.json +++ b/client/public/locales/en/translation.json @@ -321,6 +321,7 @@ "email": "Email", "error": "Error", "errorReport": "Error report", + "explanation": "Explanation", "exclude": "Exclude", "exportToIssue": "Export to Issue Manager", "facts": "Facts", diff --git a/client/src/app/components/questionnaire-summary/questionnaire-summary.tsx b/client/src/app/components/questionnaire-summary/questionnaire-summary.tsx index d9b44830a..0fded7820 100644 --- a/client/src/app/components/questionnaire-summary/questionnaire-summary.tsx +++ b/client/src/app/components/questionnaire-summary/questionnaire-summary.tsx @@ -166,6 +166,7 @@ const QuestionnaireSummary: React.FC = ({ isVertical aria-label="Tabs for summaryData sections" role="region" + className="tabs-vertical-container__tabs" > {[ - {question.explanation} - +
+ {t("terms.explanation")}:   + {question.explanation} + +
diff --git a/client/src/app/pages/assessment-management/questionnaire/questionnaire-page.css b/client/src/app/pages/assessment-management/questionnaire/questionnaire-page.css index 52420e3fe..597d20610 100644 --- a/client/src/app/pages/assessment-management/questionnaire/questionnaire-page.css +++ b/client/src/app/pages/assessment-management/questionnaire/questionnaire-page.css @@ -1,5 +1,10 @@ .tabs-vertical-container { display: flex; + margin-top: 1.5em; +} + +.tabs-vertical-container__tabs { + margin-top: 1.5em; } .tabs-vertical-container .pf-v5-c-tabs { diff --git a/client/src/app/pages/assessment/components/assessment-summary/assessment-summary-page.css b/client/src/app/pages/assessment/components/assessment-summary/assessment-summary-page.css deleted file mode 100644 index 52420e3fe..000000000 --- a/client/src/app/pages/assessment/components/assessment-summary/assessment-summary-page.css +++ /dev/null @@ -1,11 +0,0 @@ -.tabs-vertical-container { - display: flex; -} - -.tabs-vertical-container .pf-v5-c-tabs { - width: 20%; -} - -.tabs-vertical-container .pf-v5-c-tab-content { - width: 80%; -} diff --git a/client/src/app/pages/assessment/components/assessment-summary/assessment-summary-page.tsx b/client/src/app/pages/assessment/components/assessment-summary/assessment-summary-page.tsx index 8a840c8e0..1325284d2 100644 --- a/client/src/app/pages/assessment/components/assessment-summary/assessment-summary-page.tsx +++ b/client/src/app/pages/assessment/components/assessment-summary/assessment-summary-page.tsx @@ -1,6 +1,5 @@ import React from "react"; import { useParams } from "react-router-dom"; -import "./assessment-summary-page.css"; import QuestionnaireSummary, { SummaryType, } from "@app/components/questionnaire-summary/questionnaire-summary";