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) {
|
||||
main {
|
||||
min-width: 80vw;
|
||||
max-width: 80vw;
|
||||
margin-left: 10vw;
|
||||
margin-right: 10vw;
|
||||
}
|
||||
|
||||
form section.input {
|
||||
display: flex;
|
||||
min-width: 80vw;
|
||||
max-width: 80vw;
|
||||
}
|
||||
|
||||
}
|
|
@ -8,14 +8,16 @@
|
|||
|
||||
input[type=text] {
|
||||
border: 5px solid var(--black);
|
||||
border-right: 0px;
|
||||
padding: 10px;
|
||||
border-radius: 0px;
|
||||
background-color: var(--white);
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
display: inline-block;
|
||||
display: flex;
|
||||
margin: 0px;
|
||||
width: auto;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
select#lang {
|
||||
|
@ -25,7 +27,7 @@ input[type=text] {
|
|||
background-color: var(--white);
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
display: inline-block;
|
||||
display: flex;
|
||||
margin: 0px;
|
||||
width: auto;
|
||||
}
|
||||
|
@ -41,6 +43,10 @@ input[type=text] {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
form {
|
||||
form section.input {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
}
|
||||
section.input select, section.input input[type=text] {
|
||||
flex-grow: 1;
|
||||
}
|
Loading…
Reference in New Issue