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:
parent
4fc73626b7
commit
66d4738ec5
1 changed files with 9 additions and 0 deletions
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue