change popup default width to 454px

src/app/features/administration/form/steps/step-four/step-four.component.html

@@ -75,8 +75,8 @@
 <p-dialog
 	[modal]="true"
 	[(visible)]="display_same_hours_dialog"
-	[breakpoints]="{ '960px': '75vw' }"
-	[style]="{ width: '50vw' }"
+	[breakpoints]="{ '960px': '454px' }"
+	[style]="{ width: '454px' }"
 	[draggable]="false"
 	[showHeader]="false"
 	[resizable]="false"
@@ -137,15 +137,16 @@
 						{{ 'dates.count_time' | translate }}
 					</span>
 				</div>
+
+				<div class="add-time-choice">
 					<button
+						class="has-text-primary has-no-border is-large-button has-text-left has-background-transparent has-background-plus has-background-icon-left is-filtered-icon-primary"
 						(click)="pollService.addTime()"
-					*ngIf="false == pollService.allowSeveralHours"
-					class="button is-block is-fullwidth has-text-left has-no-border"
 						id="add_time_button"
 					>
-					<img class="icon" aria-hidden="true" src="assets/icons/plus-circle.svg" />
-					{{ 'dates.add_time' | translate }}
+						{{ 'hours.add' | translate }}
 					</button>
+				</div>
 			</section>
 		</section>
 	</ng-template>

src/app/features/administration/form/steps/step-one/step-one.component.html

@@ -61,7 +61,7 @@
 			</div>
 		</div>
 	</form>
-	<p-confirmDialog #cd [style]="{ width: '50vw' }">
+	<p-confirmDialog #cd [style]="{ width: '454px' }">
 		<ng-template pTemplate="header">
 			<h3>{{ 'creation.dialog' | translate }}</h3>
 		</ng-template>

src/app/features/administration/stepper/stepper.component.html

@@ -104,7 +104,7 @@
 		[modal]="true"
 		[(visible)]="display_cancel_dialog"
 		[breakpoints]="{ '960px': '75vw' }"
-		[style]="{ width: '50vw', 'border-radius': '1rem' }"
+		[style]="{ width: '454px', 'border-radius': '1rem' }"
 		[styleClass]="'roundToPercentWidth-borders'"
 		[draggable]="false"
 		[showHeader]="false"