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