From f36141326b6aff189d6f034a03f581cd70f6d5ce Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Wed, 5 Jul 2023 20:27:37 +0000
Subject: [PATCH] fix item style

---
 .../components/dashboard/releases/index.jsx   |  8 ++++++--
 .../components/dashboard/releases/index.less  | 20 +++++++++++++++----
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/packages/app/src/pages/music/components/dashboard/releases/index.jsx b/packages/app/src/pages/music/components/dashboard/releases/index.jsx
index f707611e..f0407b50 100644
--- a/packages/app/src/pages/music/components/dashboard/releases/index.jsx
+++ b/packages/app/src/pages/music/components/dashboard/releases/index.jsx
@@ -47,11 +47,15 @@ const ReleaseItem = (props) => {
                         release.public
                             ? <>
                                 <Icons.MdOutlinePublic />
-                                Public
+                                <span>
+                                    Public
+                                </span>
                             </>
                             : <>
                                 <Icons.MdOutlineLock />
-                                Private
+                                <span>
+                                    Private
+                                </span>
                             </>
                     }
                 </div>
diff --git a/packages/app/src/pages/music/components/dashboard/releases/index.less b/packages/app/src/pages/music/components/dashboard/releases/index.less
index 3210d62a..e5a5cd0d 100755
--- a/packages/app/src/pages/music/components/dashboard/releases/index.less
+++ b/packages/app/src/pages/music/components/dashboard/releases/index.less
@@ -6,6 +6,7 @@
 
     gap: 20px;
 
+    overflow-x: hidden;
     overflow-y: overlay;
 
     .music_panel_releases_header {
@@ -47,6 +48,8 @@
         padding-bottom: 20px;
 
         .music_panel_releases_item {
+            position: relative;
+
             display: flex;
             flex-direction: row;
 
@@ -57,6 +60,8 @@
 
             border-radius: 8px;
 
+            overflow: hidden;
+
             padding: 10px;
 
             margin-bottom: 10px;
@@ -70,6 +75,7 @@
                 flex-direction: row;
 
                 height: 100%;
+                max-width: 65%;
 
                 .music_panel_releases_info_cover {
                     display: flex;
@@ -97,23 +103,29 @@
                     flex-direction: column;
 
                     height: 100%;
+                    width: 100%;
+                    max-width: 80%;
 
                     h1 {
                         margin: 0 !important;
                         overflow: hidden;
-                        text-overflow: ellipsis;
-                        white-space: nowrap;
+                        text-overflow: clip;
+                    }
+
+                    h4 {
+                        margin: 0 !important;
+                        overflow: hidden;
+                        white-space: pre-wrap;
                     }
 
                     .music_panel_releases_info_extra {
                         display: flex;
                         flex-direction: row;
 
-
                         align-items: center;
                         justify-content: flex-start;
 
-                        justify-self: end;
+                        color: var(--text-color);
                     }
                 }
             }