UX: adjust invite and related form spacing (#15556)
This commit is contained in:
parent
9ea4d8dab0
commit
320c4c12f4
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue