diff --git a/src/app/participant-content-carousel-page/participant-content-carousel-page.component.html b/src/app/participant-content-carousel-page/participant-content-carousel-page.component.html index 36032502c20c8dd276383d02636b1459e977fc8f..1f06185f62dab02dfafadaa2b9374b76cec714b2 100644 --- a/src/app/participant-content-carousel-page/participant-content-carousel-page.component.html +++ b/src/app/participant-content-carousel-page/participant-content-carousel-page.component.html @@ -8,10 +8,14 @@ </mat-tab> --> <mat-tab label="Text"> - <app-participant-text-content></app-participant-text-content> + <div class="tab-container"> + <app-participant-text-content></app-participant-text-content> + </div> </mat-tab> <mat-tab label="Choice"> - <app-participant-choice-content></app-participant-choice-content> + <div class="tab-container"> + <app-participant-choice-content></app-participant-choice-content> + </div> </mat-tab> </mat-tab-group> </div> diff --git a/src/app/participant-content-carousel-page/participant-content-carousel-page.component.scss b/src/app/participant-content-carousel-page/participant-content-carousel-page.component.scss index c006b4cc97d11ab5409c1c6a4310dc580a2a6beb..ea9c3d93f767262d835e953d031a031e64ad6f42 100644 --- a/src/app/participant-content-carousel-page/participant-content-carousel-page.component.scss +++ b/src/app/participant-content-carousel-page/participant-content-carousel-page.component.scss @@ -3,6 +3,6 @@ mat-tab-group { max-width: 800px; } -mat-tab-body { +.tab-container { padding: 20px; }