Fix margins on attendance buttons
This commit is contained in:
parent
3755969ead
commit
f9c21b7001
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user