Unify admin setting switch layout

This commit is contained in:
rajchales-monito
2026-07-30 11:06:04 +02:00
parent e29b3a71ae
commit 4ea110ee11
2 changed files with 24 additions and 15 deletions
+11 -4
View File
@@ -152,6 +152,9 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
.switch { display: flex; align-items: center; gap: 8px; }
.switch input { width: auto; }
.setting-switch {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
flex-direction: row-reverse;
border: 1px solid var(--line);
@@ -336,21 +339,25 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
.telegram-settings input {
width: 100%;
}
.telegram-top-row {
.settings-top-row {
grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(140px, .8fr) minmax(160px, 1fr);
grid-template-columns: minmax(150px, .78fr) minmax(170px, 1fr);
gap: 10px;
align-items: end;
}
.telegram-top-row .setting-switch {
.settings-top-row .setting-switch {
min-height: 39px;
padding: 8px 10px;
}
.telegram-top-row label:not(.setting-switch) {
.settings-top-row label:not(.setting-switch) {
display: grid;
gap: 6px;
}
.settings-top-row select,
.settings-top-row input:not([type="checkbox"]) {
width: 100%;
}
.settings-actions {
display: flex;
align-items: center;