The form had padding-bottom to accommodate a submit button that's since been removed. Clean up extra whitespace below OTP digit inputs across all breakpoints. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
@@ -1188,7 +1188,7 @@ sub app_html {
|
||
| 1188 | 1188 |
display: grid; |
| 1189 | 1189 |
width: min(100%, var(--login-form-width)); |
| 1190 | 1190 |
justify-self: center; |
| 1191 |
- padding-bottom: clamp(44px, 6vh, 64px); |
|
| 1191 |
+ padding-bottom: 0; |
|
| 1192 | 1192 |
} |
| 1193 | 1193 |
.login-card form.busy { opacity: .72; pointer-events: none; }
|
| 1194 | 1194 |
/* 6 separate OTP digit boxes */ |
@@ -1218,8 +1218,8 @@ sub app_html {
|
||
| 1218 | 1218 |
} |
| 1219 | 1219 |
.login-card .brand h1 { font-size: 24px; }
|
| 1220 | 1220 |
.login-card .brand p { font-size: 14px; }
|
| 1221 |
- .login-card form { padding-bottom: 52px; }
|
|
| 1222 |
- #login-error { margin-top: -42px; }
|
|
| 1221 |
+ .login-card form { padding-bottom: 0; }
|
|
| 1222 |
+ #login-error { margin-top: -24px; }
|
|
| 1223 | 1223 |
} |
| 1224 | 1224 |
@media (max-width: 430px) {
|
| 1225 | 1225 |
#login-screen { padding: 24px 16px 120px; }
|
@@ -1229,12 +1229,12 @@ sub app_html {
|
||
| 1229 | 1229 |
padding: 36px 22px 34px; |
| 1230 | 1230 |
} |
| 1231 | 1231 |
.otp-row input { height: 52px; }
|
| 1232 |
- .login-card form { padding-bottom: 48px; }
|
|
| 1232 |
+ .login-card form { padding-bottom: 0; }
|
|
| 1233 | 1233 |
} |
| 1234 | 1234 |
@media (max-height: 720px) {
|
| 1235 | 1235 |
#login-screen { padding-top: 28px; padding-bottom: 96px; }
|
| 1236 | 1236 |
.login-card { padding-top: 34px; padding-bottom: 34px; gap: 20px; }
|
| 1237 |
- .login-card form { padding-bottom: 40px; }
|
|
| 1237 |
+ .login-card form { padding-bottom: 0; }
|
|
| 1238 | 1238 |
#login-error { margin-top: -32px; }
|
| 1239 | 1239 |
} |
| 1240 | 1240 |
|