Fix gap between icon and label, label min width
This commit is contained in:
parent
9644697d2e
commit
240048f833
|
@ -255,8 +255,7 @@
|
|||
margin: 0 1em;
|
||||
height: 0;
|
||||
}
|
||||
#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--set-itemAdder:hover,
|
||||
#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--set-itemAdder:focus-within {
|
||||
#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--set-itemAdder:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content {
|
||||
|
@ -291,10 +290,14 @@
|
|||
#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content .qr--set-itemLabelContainer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
}
|
||||
#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content .qr--set-itemLabelContainer .qr--set-itemIcon:not(.fa-solid) {
|
||||
display: none;
|
||||
}
|
||||
#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content .qr--set-itemLabelContainer .qr--set-itemLabel {
|
||||
min-width: 24px;
|
||||
}
|
||||
#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content .qr--set-itemLabel,
|
||||
#qr--settings #qr--set-qrList .qr--set-qrListContents > .qr--set-item .qr--content .qr--action {
|
||||
margin: 0;
|
||||
|
|
|
@ -329,9 +329,13 @@
|
|||
.qr--set-itemLabelContainer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
.qr--set-itemIcon:not(.fa-solid) {
|
||||
display: none;
|
||||
}
|
||||
.qr--set-itemLabel {
|
||||
min-width: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.qr--set-itemLabel,
|
||||
|
|
Loading…
Reference in New Issue