feat: Display block for small screens so buttons don't float out
This commit is contained in:
parent
5f077edeb6
commit
986723d4b2
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user