Adjust margin of information boxes

ls1intum · Nov 5, 2024 · 602edb4 · 602edb4
1 parent 030bde3
commit 602edb4
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 19 deletions.
diff --git a/src/main/webapp/app/exam/participate/exam-cover/exam-participation-cover.component.html b/src/main/webapp/app/exam/participate/exam-cover/exam-participation-cover.component.html
@@ -14,9 +14,11 @@ <h3 class="mt-3">
                 <jhi-exam-live-events-button [examStartDate]="exam.startDate!" />
             </div>
         </div>
-        <hr class="mt-2" />
-        <jhi-exam-start-information [exam]="exam" [studentExam]="studentExam" [formattedStartText]="formattedGeneralInformation" />
-        <div class="d-inline-flex align-items-center my-4">
+        <hr class="my-0" />
+        <div class="mt-3">
+            <jhi-exam-start-information [exam]="exam" [studentExam]="studentExam" [formattedStartText]="formattedGeneralInformation" />
+        </div>
+        <div class="d-inline-flex align-items-center my-3">
             <div class="ps-1">
                 <input
                     [(ngModel)]="confirmed"
@@ -133,7 +135,7 @@ <h4 id="exam-finished-title">
                 }
             </div>
         }
-        <div class="d-inline-flex align-items-center my-4">
+        <div class="d-inline-flex align-items-center my-3">
             <div>
                 <input
                     [(ngModel)]="confirmed"

diff --git a/.../webapp/app/exam/participate/exam-start-information/exam-start-information.component.html b/.../webapp/app/exam/participate/exam-start-information/exam-start-information.component.html
@@ -1,17 +1,15 @@
-<div class="d-flex flex-row flex-wrap mb-3">
+<div class="d-flex flex-row flex-wrap gap-2">
     @for (informationBoxData of examInformationBoxData; track informationBoxData) {
-        <div class="me-3">
-            <jhi-information-box [informationBoxData]="informationBoxData">
-                <ng-container contentComponent>
-                    @if (informationBoxData.content.type === 'dateTime') {
-                        <span contentComponent>{{ informationBoxData.content.value | artemisDate }}</span>
-                    }
-                    @if (informationBoxData.content.type === 'workingTime') {
-                        <jhi-student-exam-working-time [studentExam]="informationBoxData.content.value" />
-                    }
-                </ng-container>
-            </jhi-information-box>
-        </div>
+        <jhi-information-box [informationBoxData]="informationBoxData">
+            <ng-container contentComponent>
+                @if (informationBoxData.content.type === 'dateTime') {
+                    <span contentComponent>{{ informationBoxData.content.value | artemisDate }}</span>
+                }
+                @if (informationBoxData.content.type === 'workingTime') {
+                    <jhi-student-exam-working-time [studentExam]="informationBoxData.content.value" />
+                }
+            </ng-container>
+        </jhi-information-box>
     }
 </div>
-<span class="mt-3" [innerHTML]="formattedStartText"></span>
+<div class="mt-3" [innerHTML]="formattedStartText"></div>
diff --git a/...exercise-headers/exercise-headers-information/exercise-headers-information.component.html b/...exercise-headers/exercise-headers-information/exercise-headers-information.component.html
@@ -1,5 +1,5 @@
 @if (exercise) {
-    <div id="exercise-headers-information" class="d-flex flex-row flex-wrap column-gap-3 overflow-auto">
+    <div id="exercise-headers-information" class="d-flex flex-row flex-wrap gap-2 overflow-auto">
         @for (informationBoxItem of informationBoxItems; track informationBoxItem) {
             <jhi-information-box [informationBoxData]="informationBoxItem">
                 @switch (informationBoxItem.content.type) {