moritz/coinmanager
1
0
Fork 0
Code Issues 22 Pull Requests Releases Wiki Activity

make mobile view smaller (26px height and width), also show mid small view

Browse Source
This commit is contained in:
koksnuss 2020-05-14 23:57:47 +02:00
parent 68d6d7a5c1
commit ffcebba38b
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
coinmanager/coinc/static/coinc/styles.css
View File

@ -352,36 +352,36 @@ div.two_lines {
/* device width specific */
/* smallest view 12 * 40 = 480px */
/* smallest view 12 * 28 = 336px */
@media (max-width: 654px) {
@media (max-width: 480px) {
table {
width: 360px;
width: 336px;
}
tr:nth-child(2) > th {
width: 30px;
width: 26px;
}
tr:nth-child(2) > th:after {
width: 30px;
width: 26px;
}
tbody > tr > td > div.coin {
height: 30px;
width: 30px;
line-height: 30px;
height: 26px;
width: 26px;
line-height: 26px;
}
div.found {
height: 30px;
width: 30px;
height: 26px;
width: 26px;
}
tr {
height: 30px;
height: 26px;
}
tr:nth-child(2) > th:nth-child(10):after,
tr:nth-child(2) > th:nth-child(11):after,
tr:nth-child(2) > th:nth-child(12):after {
height: 32px;
width: 30px;
line-height: 30px;
height: 26px;
width: 26px;
line-height: 26px;
}
thead > tr:nth-child(2) > th,
tbody > tr > td {