Fix margins on attendance buttons

webclient/src/InstructorClasses.js

@@ -35,7 +35,7 @@ function AttendanceRow(props) {
 	});
 
 	return (
-		<div>
+		<div className='attendance-row'>
 			<p>{training.student_name}:</p>
 
 			<Button {...makeProps('withdrawn')}>
@@ -76,7 +76,7 @@ export function InstructorClassAttendance(props) {
 
 			{clazz.students.length ?
 				clazz.students.map(x =>
-					<p><AttendanceRow key={x.id} student={x} {...props} /></p>
+					<AttendanceRow key={x.id} student={x} {...props} />
 				)
 			:
 				<p>No students yet.</p>

webclient/src/light.css

@@ -92,6 +92,14 @@ body {
 	padding-top: 1rem;
 }
 
+.attendance-row {
+	margin-top: 1rem;
+}
+
+.attendance-row .button {
+	margin-bottom: 4px;
+}
+
 .footer {
 	margin-top: -20rem;