From f9c21b7001c73f375e05af98bf39106fcf8e3630 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Sat, 18 Jan 2020 07:54:17 +0000
Subject: [PATCH] Fix margins on attendance buttons

---
 webclient/src/InstructorClasses.js | 4 ++--
 webclient/src/light.css            | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/webclient/src/InstructorClasses.js b/webclient/src/InstructorClasses.js
index ebd4e5d..8de9b6d 100644
--- a/webclient/src/InstructorClasses.js
+++ b/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>
diff --git a/webclient/src/light.css b/webclient/src/light.css
index 918a27c..850a43d 100644
--- a/webclient/src/light.css
+++ b/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;