From a437bc71e18c243f2b28ac110464ebd55ac3f456 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CNASOS?= <t8200062@aueb.gr>
Date: Wed, 19 Apr 2023 17:21:43 +0300
Subject: [PATCH] Fix #1233 screen reader issue issue

---
 .../instructor-student-list-page.component.html       | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/web/app/pages-instructor/instructor-student-list-page/instructor-student-list-page.component.html b/src/web/app/pages-instructor/instructor-student-list-page/instructor-student-list-page.component.html
index f5d33cddf67..59109cbdc6f 100644
--- a/src/web/app/pages-instructor/instructor-student-list-page/instructor-student-list-page.component.html
+++ b/src/web/app/pages-instructor/instructor-student-list-page/instructor-student-list-page.component.html
@@ -37,25 +37,22 @@ <h1>Students</h1>
                   <div class="row text-center text-sm-start" *ngIf="courseTab.stats">
                     <div class="col-md-4">
                       <div class="card">
-                        <div class="card-body" id="num-students">
-                          <h3 class="card-title inline">{{courseTab.stats.numOfStudents}}</h3>
-                          <h4 class="card-text inline"> students</h4>
+                        <div class="card-body" id="num-students" >
+                          <h3 class="card-title inline">{{courseTab.stats.numOfStudents}} <font size="4"> students </font> </h3>
                         </div>
                       </div>
                     </div>
                     <div class="col-md-4">
                       <div class="card">
                         <div class="card-body" id="num-sections">
-                          <h3 class="card-title inline">{{courseTab.stats.numOfSections}}</h3>
-                          <h4 class="card-text inline"> sections</h4>
+                          <h3 class="card-title inline">{{courseTab.stats.numOfSections}} <font size="4"> sections </font> </h3>
                         </div>
                       </div>
                     </div>
                     <div class="col-md-4">
                       <div class="card">
                         <div class="card-body" id="num-teams">
-                          <h3 class="card-title inline">{{courseTab.stats.numOfTeams}}</h3>
-                          <h4 class="card-text inline"> teams</h4>
+                          <h3 class="card-title inline">{{courseTab.stats.numOfTeams}} <font size="4"> teams </font> </h3>
                         </div>
                       </div>
                     </div>