Basic mobile adaptation for "explorer"
This commit is contained in:
parent
69b18017b0
commit
093d451f16
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user