diff --git a/src/routes/Board/styles.less b/src/routes/Board/styles.less index 616398b27..8ee280d86 100644 --- a/src/routes/Board/styles.less +++ b/src/routes/Board/styles.less @@ -37,9 +37,9 @@ .board-warning-container { position: absolute; - bottom: 0.5rem; - left: 0.5rem; - right: 0.5rem; + bottom: calc(var(--safe-area-inset-bottom) + 0.5rem); + left: calc(var(--safe-area-inset-left) + 0.5rem); + right: calc(var(--safe-area-inset-right) + 0.5rem); } } @@ -217,8 +217,16 @@ } .board-warning-container { - bottom: calc(var(--vertical-nav-bar-size) + var(--calculated-bottom-safe-inset, 0rem)); + bottom: calc(var(--vertical-nav-bar-size) + 0.5rem); height: 7rem; } } +} + +@media @phone-landscape { + .board-container { + .board-warning-container { + left: calc(var(--safe-area-inset-left) + var(--vertical-nav-bar-size) + 0.5rem); + } + } } \ No newline at end of file