From d446e8a09c7883a8ef3974654f7d94973f251baf Mon Sep 17 00:00:00 2001
From: Paul Rangger <parangger@gmail.com>
Date: Fri, 3 Jan 2025 12:57:00 +0100
Subject: [PATCH] Added uneven pixel count so centering works

---
 .../programming-exercise-instruction-step-wizard.scss        | 2 +-
 ...ogramming-exercise-instruction-task-status.component.html | 2 +-
 ...programming-exercise-instruction-task-status.component.ts | 5 ++---
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/main/webapp/app/exercises/programming/shared/instructions-render/step-wizard/programming-exercise-instruction-step-wizard.scss b/src/main/webapp/app/exercises/programming/shared/instructions-render/step-wizard/programming-exercise-instruction-step-wizard.scss
index 459a69a3ef8e..ec2614221ce0 100644
--- a/src/main/webapp/app/exercises/programming/shared/instructions-render/step-wizard/programming-exercise-instruction-step-wizard.scss
+++ b/src/main/webapp/app/exercises/programming/shared/instructions-render/step-wizard/programming-exercise-instruction-step-wizard.scss
@@ -3,7 +3,7 @@
 @import 'node_modules/bootstrap/scss/mixins';
 
 $step-font-size: 0.6rem;
-$step-button-size: 1.4rem;
+$step-button-size: 21px; // Make sure to keep it uneven so that centering works
 
 .card-second-header {
     padding: 1rem 1rem 0 1rem;
diff --git a/src/main/webapp/app/exercises/programming/shared/instructions-render/task/programming-exercise-instruction-task-status.component.html b/src/main/webapp/app/exercises/programming/shared/instructions-render/task/programming-exercise-instruction-task-status.component.html
index 0277334c00d2..24a3764c7443 100644
--- a/src/main/webapp/app/exercises/programming/shared/instructions-render/task/programming-exercise-instruction-task-status.component.html
+++ b/src/main/webapp/app/exercises/programming/shared/instructions-render/task/programming-exercise-instruction-task-status.component.html
@@ -6,7 +6,7 @@
         <fa-icon [icon]="farTimesCircle" size="lg" class="test-icon text-danger" />
     }
     @if (testCaseState === TestCaseState.NO_RESULT || testCaseState === TestCaseState.NOT_EXECUTED) {
-        <fa-icon [icon]="faQuestionCircle" size="lg" class="test-icon text-secondary" />
+        <fa-icon [icon]="faCircleDot" size="lg" class="test-icon text-secondary" />
     }
     @if (taskName) {
         <span class="task-name" [innerHTML]="taskName | safeHtml"></span>
diff --git a/src/main/webapp/app/exercises/programming/shared/instructions-render/task/programming-exercise-instruction-task-status.component.ts b/src/main/webapp/app/exercises/programming/shared/instructions-render/task/programming-exercise-instruction-task-status.component.ts
index f30522e47281..e85002c954af 100644
--- a/src/main/webapp/app/exercises/programming/shared/instructions-render/task/programming-exercise-instruction-task-status.component.ts
+++ b/src/main/webapp/app/exercises/programming/shared/instructions-render/task/programming-exercise-instruction-task-status.component.ts
@@ -1,6 +1,5 @@
 import { Component, Input } from '@angular/core';
-import { faCheckCircle, faTimesCircle } from '@fortawesome/free-regular-svg-icons';
-import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
+import { faCheckCircle, faCircleDot, faTimesCircle } from '@fortawesome/free-regular-svg-icons';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
 import { Result } from 'app/entities/result.model';
@@ -41,7 +40,7 @@ export class ProgrammingExerciseInstructionTaskStatusComponent {
     hasMessage: boolean;
 
     // Icons
-    faQuestionCircle = faQuestionCircle;
+    faCircleDot = faCircleDot;
     farCheckCircle = faCheckCircle;
     farTimesCircle = faTimesCircle;