MOBILE-4270 h5p: Display ellipsis in attempts tables headers

src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.html

@@ -65,7 +65,7 @@
 <!-- Template to render a list of conversations. -->
 <ng-template #attemptsTemplate let-attempts="attempts">
     <!-- "Header" of the table -->
-    <ion-item class="ion-text-wrap addon-mod_h5pactivity-table-header hide-detail" detail="true">
+    <ion-item class="addon-mod_h5pactivity-table-header hide-detail" detail="true">
         <ion-label>
             <ion-row class="ion-align-items-center">
                 <ion-col class="ion-text-center">#</ion-col>

src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.scss

@@ -1,6 +1,11 @@
 :host {
     .addon-mod_h5pactivity-table-header {
         font-weight: bold;
+
+        ion-col {
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
     }
 
     .addon-mod_h5pactivity-table-row .addon-mod_h5pactivity-table-success-col {

src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.scss

@@ -0,0 +1,6 @@
+:host {
+    .addon-mod_h5pactivity-table-header ion-col {
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+}

src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.ts

@@ -32,6 +32,7 @@ import {
 @Component({
     selector: 'page-addon-mod-h5pactivity-users-attempts',
     templateUrl: 'users-attempts.html',
+    styleUrls: ['users-attempts.scss'],
 })
 export class AddonModH5PActivityUsersAttemptsPage implements OnInit {