Fix styling for queue with remove button

This commit is contained in:
Connor Wittman 2024-02-06 17:38:33 -05:00 committed by Ethan Girouard
parent 04898fe7f0
commit db2dc3c85a
Signed by: eta357
GPG Key ID: 7BCDC36DFD11C146

View File

@ -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 */
.queue-item {
display: flex;
align-items: center;
padding: 10px;
img {
max-width: 50px; /* Adjust maximum width for images */
margin-right: 10px; /* Add spacing between image and text */
}
.queue-song {
display: flex;
align-items: center;
padding: 10px;
border-bottom: 1px solid #ccc; /* Separator line color */
.queue-song-info {
h3 {
margin: 0; /* Remove default margin for heading */
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;
}
}
}
}
}