diff --git a/src/core/components/empty-box/empty-box.scss b/src/core/components/empty-box/empty-box.scss index b81dc6ae7..57fdd6b20 100644 --- a/src/core/components/empty-box/empty-box.scss +++ b/src/core/components/empty-box/empty-box.scss @@ -1,4 +1,6 @@ :host { + display: contents; + .core-empty-box { position: absolute; top: 0; @@ -47,7 +49,7 @@ z-index: 0; } - @media (max-width: 350px) { + @media (max-height: 550px) { .core-empty-box { position: relative; height: auto; @@ -73,4 +75,3 @@ :host-context(core-block-course-blocks) .core-empty-box { position: relative; } - diff --git a/src/core/components/loading/loading.scss b/src/core/components/loading/loading.scss index 1ed6c3d6e..40ff0d19d 100644 --- a/src/core/components/loading/loading.scss +++ b/src/core/components/loading/loading.scss @@ -38,7 +38,6 @@ .core-loading-content { display: contents; - padding-bottom: 1px; /* This makes height be real */ } &.core-loading-noheight .core-loading-content { @@ -56,9 +55,5 @@ padding-top: 20px; position: relative; } - - .core-loading-content { - display: block; - } } } diff --git a/src/core/features/block/components/block/block.scss b/src/core/features/block/components/block/block.scss index 6fdef379d..c33c495a9 100644 --- a/src/core/features/block/components/block/block.scss +++ b/src/core/features/block/components/block/block.scss @@ -1,6 +1,7 @@ :host { position: relative; - display: block; + display: flex; + flex-direction: column; background: var(--background); ion-item-divider {