MOBILE-3320 core: Fix some styles on blocks and empty box

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;
 }
-

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;
-        }
     }
 }

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 {