From 0a99f035da63738a9fc7f2e2f32dcb99f299212c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Wed, 26 May 2021 14:48:31 +0200
Subject: [PATCH] MOBILE-3320 core: Fix some styles on blocks and empty box

---
 src/core/components/empty-box/empty-box.scss        | 5 +++--
 src/core/components/loading/loading.scss            | 5 -----
 src/core/features/block/components/block/block.scss | 3 ++-
 3 files changed, 5 insertions(+), 8 deletions(-)

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 {