Fix SrpInput small viewport styles (#14087)

The styles for smaller viewports were broken because I forgot to update
the small-screen grid template after adding the "paste-tip". The styles
have now been updated to fit the content properly on all of our
supported screen sizes.
feature/default_network_editable
Mark Stacey 3 years ago committed by GitHub
parent 37e49cb2ba
commit 0be6c65eb3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 10
      ui/components/app/srp-input/srp-input.scss

@ -11,7 +11,13 @@
@media (max-width: 767px) {
&__container {
grid-template-areas: "title" "dropdown" "input" "error";
grid-template-areas:
"title"
"dropdown"
"paste-tip"
"input"
"error"
"too-many-words-error";
}
}
@ -26,7 +32,7 @@
&__paste-tip {
margin-bottom: 8px;
grid-area: paste-tip;
width: max-content;
width: auto;
margin-left: auto;
margin-right: auto;
}

Loading…
Cancel
Save