Basic mobile adaptation for "explorer"

This commit is contained in:
Théo Marchal 2021-01-29 00:08:47 +01:00
parent 69b18017b0
commit 093d451f16

View File

@ -326,6 +326,13 @@ article.explorer p {
width:55vw; width:55vw;
margin:auto; margin:auto;
margin-bottom:2rem; margin-bottom:2rem;
text-align:justify;
}
@media only screen and (max-width: 1200px) {
article.explorer p {
width:90vw;
}
} }
article.explorer h2 { article.explorer h2 {
@ -359,7 +366,7 @@ article.explorer form .container {
display:flex; display:flex;
align-self:flex-start; align-self:flex-start;
justify-content:space-evenly; justify-content:space-evenly;
flex-wrap:nowrap; flex-wrap:wrap;
} }
article.explorer form { article.explorer form {
@ -377,6 +384,7 @@ article.explorer input[type = submit] {
text-align:center; text-align:center;
border: none; border: none;
padding:0.8rem; padding:0.8rem;
margin-top:1.5rem;
border-radius:5%; border-radius:5%;
background:#2589BD; background:#2589BD;
text-decoration:none; text-decoration:none;
@ -389,6 +397,7 @@ article.explorer p.no-result {
text-align:center; text-align:center;
font-size:1.2rem; font-size:1.2rem;
display:none; display:none;
margin-top:1.5rem;
} }
article.explorer table { article.explorer table {
@ -398,6 +407,7 @@ article.explorer table {
width:100%; width:100%;
margin-top:1rem; margin-top:1rem;
margin-bottom:1rem; margin-bottom:1rem;
overflow-x:auto;
} }
article.explorer table tr:first-child th:first-child { article.explorer table tr:first-child th:first-child {