Tidy up radio buttons used in teacher view.

db/mobile.php

@@ -36,7 +36,7 @@ $addons = [
                 'method' => 'mobile_view_activity',
                 'styles' => [
                     'url' => '/mod/attendance/mobilestyles.css',
-                    'version' => 7
+                    'version' => 19
                 ]
             ]
         ],

mobilestyles.css

@@ -1,4 +1,20 @@
 .attendance_teacher_form .item-radio {
     display: inline-block;
+    margin-top: 10px;
+    margin-left: 5px;
+    padding: 0;
     width: 70px;
 }
+.attendance_teacher_form .item-inner {
+    padding: 0;
+}
+.attendance_teacher_form .radiolabel .item-inner {
+    text-align: center;
+}
+.attendance_teacher_form .item-inner .input-wrapper label,
+.attendance_teacher_form .radio {
+    margin: 0;
+}
+.attendance_teacher_form .radio .radio-icon {
+    display: none;
+}

templates/mobile_teacher_form.mustache

@@ -45,25 +45,33 @@
 }}
 {{=<% %>=}}
 <div class="attendance_teacher_form">
+    <span class="description">
     <core-course-module-description description="<% attendance.intro %>" component="mod_attendance" componentId="<% cmid %>"></core-course-module-description>
+    </span>
     <%#showmessage%>
         <%#messages%>
+            <span class="messages">
                 <ion-item>
                     {{ 'plugin.mod_attendance.<% string %>' | translate }}
                 </ion-item>
+            </span>
         <%/messages%>
     <%/showmessage%>
     <%#users%>
     <ion-item>
+        <span class="studentname">
             <h2><% fullname %></h2>
+        </span>
     </ion-item>
 
     <ion-list radio-group [(ngModel)]="status<% userid %>">
         <%#statuses%>
+        <span class="radiolabel">
         <ion-item>
             <ion-label><% acronym %></ion-label>
             <ion-radio value="<% stid %>"></ion-radio>
         </ion-item>
+        </span>
         <%/statuses%>
     </ion-list>
     <%/users%>