Fix styling for queue with remove button
This commit is contained in:
parent
04898fe7f0
commit
db2dc3c85a
@ -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;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user