style layout update
This commit is contained in:
parent
a52530f7bf
commit
321568f866
|
@ -38,8 +38,16 @@ div.y2t-output div {
|
||||||
|
|
||||||
@media only screen and (max-width: 800px) {
|
@media only screen and (max-width: 800px) {
|
||||||
main {
|
main {
|
||||||
|
min-width: 80vw;
|
||||||
max-width: 80vw;
|
max-width: 80vw;
|
||||||
margin-left: 10vw;
|
margin-left: 10vw;
|
||||||
margin-right: 10vw;
|
margin-right: 10vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
form section.input {
|
||||||
|
display: flex;
|
||||||
|
min-width: 80vw;
|
||||||
|
max-width: 80vw;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
|
@ -8,14 +8,16 @@
|
||||||
|
|
||||||
input[type=text] {
|
input[type=text] {
|
||||||
border: 5px solid var(--black);
|
border: 5px solid var(--black);
|
||||||
|
border-right: 0px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
background-color: var(--white);
|
background-color: var(--white);
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
display: inline-block;
|
display: flex;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
select#lang {
|
select#lang {
|
||||||
|
@ -25,7 +27,7 @@ input[type=text] {
|
||||||
background-color: var(--white);
|
background-color: var(--white);
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
display: inline-block;
|
display: flex;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
@ -41,6 +43,10 @@ input[type=text] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
form {
|
form section.input {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
section.input select, section.input input[type=text] {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
Loading…
Reference in New Issue