.music_panel_creator { display: flex; flex-direction: column; width: 100%; gap: 20px; overflow-x: hidden; overflow-y: overlay; .music_panel_releases_header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; h1 { margin: 0; } .music_panel_releases_header_actions { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; .ant-btn { margin-left: 10px; &:first-child { margin-left: 0; } } } } .music_panel_releases_list { display: flex; flex-direction: column; width: 100%; padding-bottom: 20px; .music_panel_releases_item { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: var(--background-color-accent); border-radius: 8px; overflow: hidden; padding: 10px; margin-bottom: 10px; &:last-child { margin-bottom: 0; } .music_panel_releases_info { display: flex; flex-direction: row; height: 100%; max-width: 65%; .music_panel_releases_info_cover { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 10px; border-radius: 8px; img { width: 100px; height: 100px; border-radius: 8px; object-fit: cover; } } .music_panel_releases_info_data { display: flex; flex-direction: column; height: 100%; width: 100%; max-width: 80%; h1 { margin: 0 !important; overflow: hidden; 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; color: var(--text-color); } } } .music_panel_releases_actions { display: flex; flex-direction: column; margin-left: 10px; .ant-btn { margin-bottom: 10px; &:last-child { margin-bottom: 0; } } } } } }