diff --git a/proj/y2t/assets/css/layout.css b/proj/y2t/assets/css/layout.css index 246c35c..6cb4ce3 100644 --- a/proj/y2t/assets/css/layout.css +++ b/proj/y2t/assets/css/layout.css @@ -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; + } + } \ No newline at end of file diff --git a/proj/y2t/assets/css/style.css b/proj/y2t/assets/css/style.css index c1a75da..e66a893 100644 --- a/proj/y2t/assets/css/style.css +++ b/proj/y2t/assets/css/style.css @@ -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; + 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 { - - } \ No newline at end of file +form section.input { + display: flex; +} + +section.input select, section.input input[type=text] { + flex-grow: 1; +} \ No newline at end of file