diff --git a/public/css/credentialManager.css b/public/css/credentialManager.css index e893aa0..82f163e 100644 --- a/public/css/credentialManager.css +++ b/public/css/credentialManager.css @@ -209,3 +209,36 @@ padding: 1.25rem; border-radius: 4px; } +/* Layout for the checkbox and label */ +.remember-group { + display: flex; + align-items: center; + gap: 0.6rem; + margin-top: -0.25rem; /* Tighten spacing with the password field */ + margin-bottom: 1.25rem; + cursor: pointer; + user-select: none; +} + +/* Label styling */ +.remember-group label { + font-size: 0.85rem; + color: var(--text-muted-dark); + cursor: pointer; +} + +/* Checkbox sizing */ +#login-remember { + width: 15px; + height: 15px; + margin: 0; + cursor: pointer; + accent-color: var(--action-primary); /* Uses your primary theme color */ + border: 1px solid var(--border-input); + border-radius: 2px; +} + +/* Hover state for the entire group */ +.remember-group:hover label { + color: var(--text-main); +} diff --git a/src/views/pages/credentials.handlebars b/src/views/pages/credentials.handlebars index 1f49af3..966f3c0 100644 --- a/src/views/pages/credentials.handlebars +++ b/src/views/pages/credentials.handlebars @@ -17,8 +17,10 @@
- - +
+ + +