diff --git a/survey-frontend/src/SurveyContainerComponent.tsx b/survey-frontend/src/SurveyContainerComponent.tsx index f71d6573331c8012d7727b0f84bab847d9bec1d5..c77e9f8306d46aedb8e7553f745d094848f1da05 100644 --- a/survey-frontend/src/SurveyContainerComponent.tsx +++ b/survey-frontend/src/SurveyContainerComponent.tsx @@ -6,6 +6,7 @@ import SurveyNavigationComponent from "./SurveyNavigationComponent"; import { VerificationStatus } from './Schema'; import "survey-core/modern.min.css"; import './survey.scss'; +import { Container, Row } from "react-bootstrap"; Serializer.addProperty("itemvalue", "customDescription:text"); Serializer.addProperty("question", "hideCheckboxLabels:boolean"); @@ -118,11 +119,20 @@ function SurveyContainerComponent({ loadFrom, saveTo = '', readonly = false }) { } return ( - <div> - <SurveyNavigationComponent surveyModel={surveyModel} endSurvey={endSurvey} saveSurvey={saveSurvey} validatePage={validatePage}> - <SurveyComponent surveyModel={surveyModel} verificationStatus={verificationStatus} /> - </SurveyNavigationComponent> - </div> + <Container className="survey-container"> + <Row className="survey-content"> + <h2><span className="survey-title">Compendium Survey</span><span className="survey-title-nren">{nren}</span></h2> + <span className="survey-description">How to complete this survey - + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo tempus pulvinar. Aenean interdum lectus nec diam porttitor interdum. + Sed efficitur, magna ut dignissim consequat, purus lacus aliquam tortor, ut dignissim orci ligula ac ligula.</span> + + </Row> + <Row> + <SurveyNavigationComponent surveyModel={surveyModel} endSurvey={endSurvey} saveSurvey={saveSurvey} validatePage={validatePage}> + <SurveyComponent surveyModel={surveyModel} verificationStatus={verificationStatus} /> + </SurveyNavigationComponent> + </Row> + </Container> ); }