From 2512bcbc28b199e9f41d60ac93dc8aff847176e2 Mon Sep 17 00:00:00 2001
From: Tim <tymmesyde@gmail.com>
Date: Wed, 5 Jul 2023 14:32:38 +0200
Subject: [PATCH] refactor: improve MetaPreview layout

---
 src/common/MetaPreview/styles.less     | 6 ++----
 src/routes/Discover/styles.less        | 3 ++-
 src/routes/MetaDetails/styles.less     | 1 +
 src/routes/Player/InfoMenu/styles.less | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/common/MetaPreview/styles.less b/src/common/MetaPreview/styles.less
index 7747147ea..02e325d31 100644
--- a/src/common/MetaPreview/styles.less
+++ b/src/common/MetaPreview/styles.less
@@ -71,7 +71,6 @@
     .meta-info-container {
         flex: 1;
         align-self: stretch;
-        padding: 0 2rem;
         overflow-y: auto;
 
         &:not(:hover) {
@@ -85,7 +84,7 @@
         .logo, .logo-placeholder {
             display: block;
             max-width: 100%;
-            margin: 2rem 0;
+            margin-bottom: 2rem;
         }
 
         .logo {
@@ -164,13 +163,12 @@
         flex-direction: row;
         flex-wrap: wrap;
         max-height: 10rem;
-        padding: 0 2rem;
 
         .action-button {
             flex: none;
             width: 4rem;
             height: 4rem;
-            margin-bottom: 3rem;
+            margin-bottom: 1rem;
 
             &:global(.wide) {
                 width: auto;
diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less
index 46ab7d83d..d0dde2893 100644
--- a/src/routes/Discover/styles.less
+++ b/src/routes/Discover/styles.less
@@ -204,7 +204,8 @@
         .meta-preview-container {
             flex: none;
             align-self: stretch;
-            width: 28rem;
+            width: 29rem;
+            padding: 2rem 2.5rem;
             border-radius: var(--border-radius) 0 0 var(--border-radius);
             background-color: var(--tertiary-background-color);
         }
diff --git a/src/routes/MetaDetails/styles.less b/src/routes/MetaDetails/styles.less
index d4ffb87a1..28a2bb6f6 100644
--- a/src/routes/MetaDetails/styles.less
+++ b/src/routes/MetaDetails/styles.less
@@ -99,6 +99,7 @@
         .meta-preview {
             flex: 0 1 40rem;
             align-self: stretch;
+            padding: 0 4rem 2rem 4rem;
         }
 
         .spacing {
diff --git a/src/routes/Player/InfoMenu/styles.less b/src/routes/Player/InfoMenu/styles.less
index aa43b174f..440816320 100644
--- a/src/routes/Player/InfoMenu/styles.less
+++ b/src/routes/Player/InfoMenu/styles.less
@@ -2,7 +2,7 @@
 
 .info-menu-container {
     width: 30rem;
-    padding-bottom: 2rem;
+    padding: 2rem;
 
     .stream {
         pointer-events: none;