Fix margins on attendance buttons

This commit is contained in:
Tanner Collin 2020-01-18 07:54:17 +00:00
parent 3755969ead
commit f9c21b7001
2 changed files with 10 additions and 2 deletions

View File

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

View File

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