diff --git a/public/admin.css b/public/admin.css index f41d09f..68803be 100644 --- a/public/admin.css +++ b/public/admin.css @@ -280,17 +280,28 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; } .admin-user-form { grid-column: 1 / -1; display: grid; - grid-template-columns: repeat(4, minmax(0, 1fr)); - gap: 8px; + grid-template-columns: 1fr; + gap: 9px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: #fbfdfb; } .admin-user-form label { + display: grid; + grid-template-columns: 86px minmax(0, 1fr); + align-items: center; + gap: 10px; + min-width: 0; +} +.admin-user-form label span { + color: var(--ink); + font-size: 13px; +} +.admin-user-form input { + width: 100%; min-width: 0; } -.admin-user-form label:nth-child(4), .admin-user-form button { grid-column: 1 / -1; } @@ -324,18 +335,22 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; } .admin-user-item .admin-user-actions { display: flex; flex-wrap: wrap; + align-items: center; gap: 6px; } .admin-user-item button { - padding: 7px 9px; + padding: 6px 8px; + border-radius: 6px; font-size: 12px; } .password-mask { display: inline-flex; align-items: center; min-height: 30px; + padding: 0 4px 0 0; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: 1px; + color: var(--muted); } .admin-user-item button:disabled { opacity: .45; @@ -344,14 +359,10 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; } #adminUsersStatus { grid-column: 1 / -1; } -@media (max-width: 1100px) { - .admin-user-form { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} @media (max-width: 720px) { - .admin-user-form { + .admin-user-form label { grid-template-columns: 1fr; + gap: 5px; } } .list-tools { diff --git a/public/admin.html b/public/admin.html index e9db091..cb29ea1 100644 --- a/public/admin.html +++ b/public/admin.html @@ -200,16 +200,16 @@
BO uzivatele
-