app/assets/stylesheets/components/_species_card.scss
.species-card {
display: flex;
align-items: center;
background-color: white;
border: 1px solid $dark-brown;
border-radius: 8px;
padding: 16px;
width: 100%;
p {
margin: 0;
font-size: 0.875rem;
}
.species-date {
background: none;
border: none;
color: inherit;
display: flex;
flex-direction: column;
font-size: 0.75rem;
line-height: 1rem;
width: 36px;
}
.species-names {
margin: 0 12px;
display: flex;
flex-grow: 1;
flex-direction: column;
}
}
.species-card + .species-card {
margin-top: 12px;
}
.details-link {
background: none;
border: none;
margin-top: 0.2rem;
padding: 0;
text-align: left;
}