UX: adjust invite and related form spacing (#15556)

This commit is contained in:
Kris 2022-01-12 16:41:28 -05:00 committed by GitHub
parent 9ea4d8dab0
commit 320c4c12f4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 4 deletions

View File

@ -70,6 +70,8 @@
grid-template-columns: auto 1fr; grid-template-columns: auto 1fr;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
background: var(--secondary); background: var(--secondary);
max-width: 33em;
word-break: break-word;
.login-title { .login-title {
margin-bottom: 0; margin-bottom: 0;
} }
@ -136,6 +138,7 @@
min-width: 250px; min-width: 250px;
box-shadow: none; box-shadow: none;
margin-bottom: 0.25em; margin-bottom: 0.25em;
width: 100%;
} }
input:focus { input:focus {
outline: none; outline: none;
@ -309,8 +312,8 @@
} }
.invite-form { .invite-form {
padding-left: 20px;
margin-bottom: 50px; margin-bottom: 50px;
max-width: 33em;
.tip { .tip {
display: block; display: block;
} }

View File

@ -394,8 +394,8 @@
.email-login, .email-login,
.invites-show { .invites-show {
.col-form { .col-form {
padding-left: 20px; padding: 0.5em 2em 1em;
width: 470px; max-width: 30em;
} }
.col-image { .col-image {
width: 175px; width: 175px;
@ -403,6 +403,9 @@
width: 100%; width: 100%;
} }
} }
details {
width: 100%;
}
h2 { h2 {
margin-bottom: 12px; margin-bottom: 12px;
} }
@ -412,7 +415,7 @@
} }
.invite-form, .invite-form,
.invite-success { .invite-success {
box-shadow: 0 1px 10px 1px rgba(var(--primary-low-rgb), 1.25); box-shadow: shadow("card");
} }
} }