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