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: vikunja/frontend#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
1 changed files with 9 additions and 0 deletions

View File

@ -44,6 +44,15 @@
color: lighten($grey, 25%);
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 {