Fix: Added consistent gap between icon with text inside some buttons i.e. sort button

This commit is contained in:
lscambo13 committed 2026-03-18 21:56:37 +05:30
1 parent 0c118996a0
commit 8fac6f51bf
1 file changed
+15 -7
+15 -7
View File
@@ -266,6 +266,10 @@ body {
color: var(--uiAccentColor);
}
.emby-button {
gap: 1ch;
}
.emby-button.show-focus:focus,
.paper-icon-button-light.show-focus:focus,
.emby-tabs .emby-button.show-focus:focus {
@@ -487,8 +491,8 @@ body {
.layout-mobile .cardOverlayButton-br,
[dir="ltr"] .layout-mobile .cardOverlayButton-br {
bottom: 0.25em;
right: 0.25em;
/* bottom: 0.25em;
right: 0.25em; */
display: var(--miniOverlayButtonVisibility);
}
@@ -2341,7 +2345,7 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
.btnPlay:not(.formDialogFooterItem):not(.play-button):after {
content: attr(title);
padding: 0 1ch;
padding-right: 1ch;
}
.btnPlay > .detailButton-content::after {
@@ -2605,10 +2609,14 @@ div[data-role="controlgroup"] a.ui-btn-active {
font-size: unset;
}
[dir="ltr"] .actionsheetMenuItemIcon.check {
margin: 0 0.45em 0 0.45em !important;
[dir="ltr"] .actionsheetMenuItemIcon {
margin: 0 0.2em 0 0.45em !important;
}
/* [dir="ltr"] .actionsheetMenuItemIcon.check {
margin: 0 0.45em 0 0.45em !important;
} */
.actionSheetMenuItem:has(.listItemIcon.check) {
background-color: var(--activeColor);
}
@@ -2998,7 +3006,7 @@ div[data-role="controlgroup"] a.ui-btn-active {
}
.sectionTitleTextButton > .material-icons.chevron_right {
margin-left: 0.5rem !important;
/* margin-left: 0.5rem !important; */
height: 1.5rem;
width: 1.5rem;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23D1D5DB' aria-hidden='true'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z'%3E%3C/path%3E%3C/svg%3E")
@@ -3823,7 +3831,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense > div:first-child {
.noHomeButtonHeader .emby-tab-button:before {
font-family: "Material Icons Round";
padding-inline-end: 0.5ch;
/* padding-inline-end: 0.5ch; */
font-size: 1.2em;
font-variation-settings: "FILL" 0;
}