Make sure task title and task id are properly shown on mobile (#334)

Make sure task title and task id are properly shown on mobile

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/334
Co-Authored-By: konrad <konrad@kola-entertainments.de>
Co-Committed-By: konrad <konrad@kola-entertainments.de>
This commit is contained in:
konrad 2020-12-16 11:54:01 +00:00
parent 4fc73626b7
commit 66d4738ec5

View file

@ -44,6 +44,15 @@
color: lighten($grey, 25%); color: lighten($grey, 25%);
white-space: nowrap; white-space: nowrap;
} }
@media screen and (max-width: $tablet) {
flex-direction: column;
align-items: start;
.title.input {
margin: 0 -.3em .5rem -.3em; // the title has 0.3em padding - this make the text inside of it align with the rest
}
}
} }
.date-input { .date-input {