Verified Commit c4407ca7 authored by Thibaut Broggi's avatar Thibaut Broggi
Browse files

Improve general layout on small screens

parent cf08147a
......@@ -11,6 +11,7 @@ body {
color: #497ed5;
min-height: 100vh;
font-family: 'FiraSans';
background-color: #ebf3ff;
}
h2 {
......@@ -201,6 +202,7 @@ body {
#inputs {
margin-top: 12vw;
padding-bottom: 20px;
}
#inputs > div:nth-child(1) {
......@@ -210,12 +212,25 @@ body {
.navButtons {
display: none;
}
textarea, input[type="text"] {
width: 90% !important;
margin-left: 5% !important;
}
textarea {
height: 3.5em;
}
}
@media (min-width: 992px) {
main {
min-height: 100vh;
}
input#step2value {
height: 200px;
}
}
main > div:nth-child(1) {
......@@ -243,19 +258,19 @@ main > #credits {
margin-top: 50px;
}
div#step2 > textarea {
margin-left: 10%;
width: 80%;
padding: 20px;
}
div#step3 > div:nth-of-type(1),
div#step4 > div:nth-of-type(1) {
margin-left: 10%;
width: 80%;
background-color: #ebf3ff;
}
@media (min-width: 992px) {
div#step3 > div:nth-of-type(1),
div#step4 > div:nth-of-type(1) {
margin-left: 10%;
width: 80%;
}
}
div#step4 > div:nth-of-type(1) {
max-height: 500px;
overflow-y: scroll;
......@@ -293,14 +308,11 @@ div#step4 input[type="radio"]:checked + label {
background-color: #497ed5;
}
div#step5 > input[type="text"]#signature {
textarea, input[type="text"] {
display: block;
width: 80%;
margin-left: 10%;
padding: 1em;
}
textarea, input[type="text"] {
background-color: #ebf3ff;
color: inherit;
font-size: 16px;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment