feat: Display block for small screens so buttons don't float out

This commit is contained in:
moanos [he/him] 2024-08-09 08:42:17 +02:00
parent 5f077edeb6
commit 986723d4b2

View File

@ -333,6 +333,12 @@ select, .button {
justify-content: space-between;
}
@media screen and (max-width: 800px) {
.detail-animal-header {
display: block;
}
}
.tag {
border: black 1px solid;
border-radius: 0.3rem;
@ -426,6 +432,7 @@ select, .button {
position: relative;
padding: 0;
}
/* Make the badge float in the top right corner of the button */
.button__badge {
background-color: #fa3e3e;