diff --git a/src/app/components/board/board.component.scss b/src/app/components/board/board.component.scss index b9e32fd..b3ac5b9 100644 --- a/src/app/components/board/board.component.scss +++ b/src/app/components/board/board.component.scss @@ -170,7 +170,6 @@ section { } .status { justify-content: center; - padding-left: 16px; } } @@ -178,7 +177,6 @@ section { .header { flex-direction: column; align-items: flex-start; - margin: 16px; } .title { @@ -207,3 +205,33 @@ section { } } } + +@media screen and (max-width: 635px) { + .column { + width: 100%; + padding-right: 0; + } + .empty-task { + max-width: 100%; + } + #inprogress { + display: flex; + width: calc(100vw - 85px); + overflow-x: auto; + } + app-task { + padding-right: 16px; + } +} + +@media screen and (max-width: 450px) { + #inprogress { + width: calc(100vw - 55px); + } + + .search { + input { + width: calc(100vw - 80px); + } + } +}