diff --git a/style/queue.scss b/style/queue.scss index 486a18d..3dca7fc 100644 --- a/style/queue.scss +++ b/style/queue.scss @@ -22,27 +22,40 @@ padding: 0; margin: 0; - .queue-song { - display: flex; - align-items: center; - padding: 10px; - border-bottom: 1px solid #ccc; /* Separator line color */ - - img { - max-width: 50px; /* Adjust maximum width for images */ - margin-right: 10px; /* Add spacing between image and text */ - } - - .queue-song-info { - h3 { - margin: 0; /* Remove default margin for heading */ + .queue-item { + display: flex; + align-items: center; + padding: 10px; + + .queue-song { + display: flex; + align-items: center; + padding: 10px; + border-bottom: 1px solid #ccc; /* Separator line color */ + + img { + max-width: 50px; /* Adjust maximum width for images */ + margin-right: 10px; /* Add spacing between image and text */ + } + + .queue-song-info { + h3 { + margin: 0; /* Remove default margin for heading */ + } + + p { + margin: 0; /* Remove default margin for paragraph */ + color: #888; /* Adjust text color for artist */ + } + } } - - p { - margin: 0; /* Remove default margin for paragraph */ - color: #888; /* Adjust text color for artist */ + + button { + background: none; + border: none; + cursor: pointer; + margin-left: auto; } - } } } }