Added uneven pixel count so centering works

ls1intum · Jan 3, 2025 · d446e8a · d446e8a
1 parent 8e9334d
commit d446e8a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/.../shared/instructions-render/step-wizard/programming-exercise-instruction-step-wizard.scss b/.../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/...ared/instructions-render/task/programming-exercise-instruction-task-status.component.html b/...ared/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/...shared/instructions-render/task/programming-exercise-instruction-task-status.component.ts b/...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;