local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix: kanban board layout on mobile

Browse source
This commit is contained in:
kolaente 2022-02-27 16:36:20 +01:00
parent fc0e3e0d51
commit a23b4a96ee
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/styles/components/list.scss
View file

@ -23,7 +23,7 @@ $filter-container-top-link-share-list: -47px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
.button:not(:last-child) { .button:not(:last-of-type) {
margin-right: .5rem; margin-right: .5rem;
} }
} }

3
src/views/list/ListWrapper.vue
View file

@ -139,6 +139,7 @@ async function loadList(listIdToLoad: number) {
@media screen and (max-width: $tablet) { @media screen and (max-width: $tablet) {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column;
} }
} }
@ -149,7 +150,7 @@ async function loadList(listIdToLoad: number) {
font-size: .75rem; font-size: .75rem;
box-shadow: var(--shadow-sm); box-shadow: var(--shadow-sm);
height: $switch-view-height; height: $switch-view-height;
margin-bottom: 1rem; margin: 0 auto 1rem;
padding: .5rem; padding: .5rem;
a { a {