DMC/boka3
12
0
Fork 0
Code Issues13 Pull Requests Projects Releases Wiki Activity

small css touch ups to enhance responsiveness: grid; menu height; table width

Browse Source
This commit is contained in:
Pavel Sokolov 2019-08-04 19:09:04 +02:00
parent bb8666a2d7
commit 2f7edd1798
2 changed files with 22 additions and 4 deletions

5
style.css

@ -104,6 +104,11 @@ thead th, tfoot tr {
background-color: #c3d1e2;
}
thead th:nth-child(2),
thead th:nth-last-child(-n+2) {
word-break: break-word;
}
input:disabled, textarea:disabled {
background-color: #ededed;
}

21
template.css

@ -25,14 +25,14 @@ h1, h2, h3, h4 {
}
h1 {
margin-top: 23px;
margin-bottom: 11px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 230%;
}
h2 {
margin-top: 15px;
margin-bottom: 7px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 150%;
}
@ -184,6 +184,7 @@ button:disabled, input[type="submit"]:disabled {
#header {
padding-left: 4%;
padding-right: 4%;
}
#header-su-responsive {
@ -295,6 +296,12 @@ button:disabled, input[type="submit"]:disabled {
}
}
@media screen and (max-width: 499px) {
#menu {
line-height: 32px;
}
}
@media screen and (min-width: 500px) {
#header {
padding-left: 20px;
@ -344,3 +351,9 @@ button:disabled, input[type="submit"]:disabled {
width: calc(100% - 8px);
}
}
#contents {
display: grid;
grid-template-columns: minmax(min-content, max-content);
grid-gap: 1rem;
}