diff --git a/frontend/src/views/LoginVerification/LoginVerification.css b/frontend/src/views/LoginVerification/LoginVerification.css index 9fe2987..2f1b621 100644 --- a/frontend/src/views/LoginVerification/LoginVerification.css +++ b/frontend/src/views/LoginVerification/LoginVerification.css @@ -202,3 +202,23 @@ align-items: center; } } + +.verification-form :deep(.el-form-item:has(.verification-input)) { + display: grid; + grid-template-columns: auto minmax(0, 1fr); + align-items: center; + gap: 12px; +} + +.verification-form :deep(.el-form-item:has(.verification-input) .el-form-item__label) { + width: auto !important; + margin: 0; + padding: 0; + line-height: 1.4; + white-space: nowrap; +} + +.verification-form :deep(.el-form-item:has(.verification-input) .el-form-item__content) { + min-width: 0; + margin-left: 0 !important; +} diff --git a/frontend/src/views/PasswordRecovery/PasswordRecovery.css b/frontend/src/views/PasswordRecovery/PasswordRecovery.css index 9834aec..607e8e6 100644 --- a/frontend/src/views/PasswordRecovery/PasswordRecovery.css +++ b/frontend/src/views/PasswordRecovery/PasswordRecovery.css @@ -538,3 +538,23 @@ width: 100%; } } + +.recovery-form :deep(.el-form-item:has(.verification-code-row)) { + display: grid; + grid-template-columns: auto minmax(0, 1fr); + align-items: center; + gap: 12px; +} + +.recovery-form :deep(.el-form-item:has(.verification-code-row) .el-form-item__label) { + width: auto !important; + margin: 0; + padding: 0; + line-height: 1.4; + white-space: nowrap; +} + +.recovery-form :deep(.el-form-item:has(.verification-code-row) .el-form-item__content) { + min-width: 0; + margin-left: 0 !important; +} diff --git a/frontend/src/views/components/SecuritySettings/ExternalEmailBindingDialog/ExternalEmailBindingDialog.css b/frontend/src/views/components/SecuritySettings/ExternalEmailBindingDialog/ExternalEmailBindingDialog.css index 0208f03..dcc8c97 100644 --- a/frontend/src/views/components/SecuritySettings/ExternalEmailBindingDialog/ExternalEmailBindingDialog.css +++ b/frontend/src/views/components/SecuritySettings/ExternalEmailBindingDialog/ExternalEmailBindingDialog.css @@ -76,3 +76,23 @@ margin: 0; } } + +.external-email-verification :deep(.el-form-item) { + display: grid; + grid-template-columns: auto minmax(0, 1fr); + align-items: center; + gap: 12px; +} + +.external-email-verification :deep(.el-form-item__label) { + width: auto !important; + margin: 0; + padding: 0; + line-height: 1.4; + white-space: nowrap; +} + +.external-email-verification :deep(.el-form-item__content) { + min-width: 0; + margin-left: 0 !important; +} diff --git a/frontend/src/views/components/SecuritySettings/SecuritySettings.css b/frontend/src/views/components/SecuritySettings/SecuritySettings.css index c6b5f2f..291b9c2 100644 --- a/frontend/src/views/components/SecuritySettings/SecuritySettings.css +++ b/frontend/src/views/components/SecuritySettings/SecuritySettings.css @@ -156,3 +156,23 @@ grid-template-columns: 1fr; } } + +.security-settings-card .settings-form :deep(.el-form-item:has(input[autocomplete="one-time-code"])) { + display: grid; + grid-template-columns: auto minmax(0, 1fr); + align-items: center; + gap: 12px; +} + +.security-settings-card .settings-form :deep(.el-form-item:has(input[autocomplete="one-time-code"]) .el-form-item__label) { + width: auto !important; + margin: 0; + padding: 0; + line-height: 1.4; + white-space: nowrap; +} + +.security-settings-card .settings-form :deep(.el-form-item:has(input[autocomplete="one-time-code"]) .el-form-item__content) { + min-width: 0; + margin-left: 0 !important; +} diff --git a/frontend/src/views/components/UserManagement/UserExternalEmailDialog/UserExternalEmailDialog.css b/frontend/src/views/components/UserManagement/UserExternalEmailDialog/UserExternalEmailDialog.css index 2c0de32..d59c4a8 100644 --- a/frontend/src/views/components/UserManagement/UserExternalEmailDialog/UserExternalEmailDialog.css +++ b/frontend/src/views/components/UserManagement/UserExternalEmailDialog/UserExternalEmailDialog.css @@ -98,3 +98,23 @@ grid-template-columns: repeat(2, minmax(0, 1fr)); } } + +.external-email-verification :deep(.el-form-item) { + display: grid; + grid-template-columns: auto minmax(0, 1fr); + align-items: center; + gap: 12px; +} + +.external-email-verification :deep(.el-form-item__label) { + width: auto !important; + margin: 0; + padding: 0; + line-height: 1.4; + white-space: nowrap; +} + +.external-email-verification :deep(.el-form-item__content) { + min-width: 0; + margin-left: 0 !important; +}