style layout update

This commit is contained in:
edbrz9 2022-12-30 15:54:16 +01:00
parent a52530f7bf
commit 321568f866
2 changed files with 20 additions and 6 deletions

View File

@ -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;
}
} }

View File

@ -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;
}