From 24741f3a42e2224187c13e0f6ee7e9acb591d4a8 Mon Sep 17 00:00:00 2001
From: kKaskak <117831817+kKaskak@users.noreply.github.com>
Date: Mon, 22 Apr 2024 12:27:41 +0300
Subject: [PATCH] feature: improve error msg design on metadetails

---
 src/routes/MetaDetails/VideosList/styles.less | 9 ++++++---
 src/routes/MetaDetails/styles.less            | 4 +++-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/routes/MetaDetails/VideosList/styles.less b/src/routes/MetaDetails/VideosList/styles.less
index 3ef1ae2eb..fc06c6cc3 100644
--- a/src/routes/MetaDetails/VideosList/styles.less
+++ b/src/routes/MetaDetails/VideosList/styles.less
@@ -6,7 +6,6 @@
 .videos-list-container {
     display: flex;
     flex-direction: column;
-    padding-top: 0.5rem;
 
     .message-container {
         flex: 1;
@@ -14,6 +13,7 @@
         display: flex;
         flex-direction: column;
         align-items: center;
+        justify-content: center;
         padding: 2rem;
         overflow-y: auto;
 
@@ -43,8 +43,7 @@
         align-items: center;
         justify-content: flex-start;
         gap: 1rem;
-        height: 3rem;
-        padding: 0 1.5rem;
+        padding: 1.15rem 1.5rem 0.65rem;
         color: @color-surface-light5-90;
     }
 
@@ -75,5 +74,9 @@
 @media only screen and (max-width: @minimum) {
     .videos-list-container {
         overflow: visible;
+
+        .message-container {
+            display: none;
+        }
     }
 }
\ No newline at end of file
diff --git a/src/routes/MetaDetails/styles.less b/src/routes/MetaDetails/styles.less
index a3a698659..54352fe7e 100644
--- a/src/routes/MetaDetails/styles.less
+++ b/src/routes/MetaDetails/styles.less
@@ -58,12 +58,14 @@
         }
 
         .meta-message-container {
-            flex: 0 1 30rem;
             align-self: stretch;
             display: flex;
             flex-direction: column;
             align-items: center;
+            justify-content: center;
             padding: 2rem;
+            width: 100%;
+            height: 100%;
 
             .image {
                 flex: none;