Apply mobile style to symbolon controls

This commit is contained in:
Gergely Polonkai 2019-02-10 11:05:02 +01:00
parent beff57738f
commit af4fbf2ce8
1 changed files with 20 additions and 0 deletions

View File

@ -6,14 +6,34 @@ body {
#selector { #selector {
text-align: center; text-align: center;
padding-top: 1em;
padding-bottom: 1em; padding-bottom: 1em;
} }
#selector > select {
border: 1px solid #999999;
padding: 10px;
border-radius: 10px;
}
#selector > button {
border: 1px solid #999999;
padding: 10px;
border-radius: 10px;
}
#selector > hr { #selector > hr {
border: solid black; border: solid black;
border-width: 1px 0 0 0; border-width: 1px 0 0 0;
} }
@media (max-width: 600px) {
#selector > select,button {
font-size: 100%;
font-weight: bold;
}
}
#cards { #cards {
width: 90%; width: 90%;
margin: 0 auto; margin: 0 auto;