Fix #519 - wrap text in first column.

templates/mobile_view_page.mustache

@@ -74,7 +74,7 @@
     <ion-item>
     <ion-grid>
         <ion-row>
-            <ion-col col-9 class="text-left">
+            <ion-col col-9 text-wrap class="text-left">
                 {{ 'plugin.mod_attendance.sessionscompleted' | translate }}
             </ion-col>
             <ion-col col-2 class="text-left">
@@ -82,7 +82,7 @@
             </ion-col>
         </ion-row>
         <ion-row>
-            <ion-col col-9 class="text-left">
+            <ion-col col-9 text-wrap class="text-left">
                 {{ 'plugin.mod_attendance.pointssessionscompleted' | translate }}
             </ion-col>
             <ion-col col-2 class="text-left">
@@ -90,7 +90,7 @@
             </ion-col>
         </ion-row>
         <ion-row>
-            <ion-col col-9 class="text-left">
+            <ion-col col-9 text-wrap class="text-left">
                 {{ 'plugin.mod_attendance.percentagesessionscompleted' | translate }}
             </ion-col>
             <ion-col col-2 class="text-left">
@@ -99,7 +99,7 @@
         </ion-row>
 
         <ion-row>
-            <ion-col col-9 class="text-left">
+            <ion-col col-9 text-wrap class="text-left">
                 {{ 'plugin.mod_attendance.sessionstotal' | translate }}
             </ion-col>
             <ion-col col-2 class="text-left">
@@ -107,7 +107,7 @@
             </ion-col>
         </ion-row>
         <ion-row>
-            <ion-col col-9 class="text-left">
+            <ion-col col-9 text-wrap class="text-left">
                 {{ 'plugin.mod_attendance.pointsallsessions' | translate }}
             </ion-col>
             <ion-col col-2 class="text-left">
@@ -115,7 +115,7 @@
             </ion-col>
         </ion-row>
         <ion-row>
-            <ion-col col-9 class="text-left">
+            <ion-col col-9 text-wrap class="text-left">
                 {{ 'plugin.mod_attendance.percentageallsessions' | translate }}
             </ion-col>
             <ion-col col-2 class="text-left">
@@ -123,7 +123,7 @@
             </ion-col>
         </ion-row>
         <ion-row>
-            <ion-col col-9 class="text-left">
+            <ion-col col-9 text-wrap class="text-left">
                 {{ 'plugin.mod_attendance.maxpossiblepoints' | translate }}
             </ion-col>
             <ion-col col-2 class="text-left">
@@ -131,7 +131,7 @@
             </ion-col>
         </ion-row>
         <ion-row>
-            <ion-col col-9 class="text-left">
+            <ion-col col-9 text-wrap class="text-left">
                 {{ 'plugin.mod_attendance.maxpossiblepercentage' | translate }}
             </ion-col>
             <ion-col col-2 class="text-left">