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

fix #31

Browse Source
This commit is contained in:
koksnuss 2020-06-25 13:59:14 +02:00
parent c7dc1f1390
commit 07050c6d1a
1 changed files with 9 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -162,6 +162,7 @@ li {
table { table {
margin-bottom: 63px; margin-bottom: 63px;
cursor: default; cursor: default;
table-layout: fixed;
} }
th { th {
@ -193,6 +194,7 @@ thead div.total_coins {
thead > tr:nth-child(2) > th { thead > tr:nth-child(2) > th {
background-color: white; background-color: white;
top: 40px; top: 40px;
width: 40px;
} }
tr:nth-child(2) > th:nth-child(10):after, tr:nth-child(2) > th:nth-child(10):after,
@ -366,7 +368,7 @@ div.two_lines {
/* smallest view 12 * 28 = 336px */ /* smallest view 12 * 28 = 336px */
@media (max-width: 480px) { @media (max-width: 520px) {
body { body {
font-size: 0.86rem; font-size: 0.86rem;
} }
@ -408,12 +410,9 @@ div.two_lines {
} }
/* 1st special coin: 11 * 40 + 200 = 640px */ /* 1st special coin: 11 * 40 + 200 = 640px + 40 px margin for scrollbars */
@media (min-width: 655px) { @media (min-width: 680px) {
table {
width: 640px;
}
tr:nth-child(2) > th:nth-child(10) { tr:nth-child(2) > th:nth-child(10) {
width: 200px; width: 200px;
text-align: left; text-align: left;
@ -429,12 +428,9 @@ div.two_lines {
} }
/* 2nd special coin 10 * 40 + 400 = 800px */ /* 2nd special coin 10 * 40 + 400 = 800px + 40 px margin for scrollbars */
@media (min-width: 815px) { @media (min-width: 840px) {
table {
width: 800px;
}
tr:nth-child(2) > th:nth-child(11) { tr:nth-child(2) > th:nth-child(11) {
width: 200px; width: 200px;
text-align: left; text-align: left;
@ -450,12 +446,9 @@ div.two_lines {
} }
/* 3rd special coin 9 * 40 + 600 = 960px */ /* 3rd special coin 9 * 40 + 600 = 960px + 40 px marin for scrollbars */
@media (min-width: 975px) { @media (min-width: 1000px) {
table {
width: 960px;
}
tr:nth-child(2) > th:nth-child(12) { tr:nth-child(2) > th:nth-child(12) {
width: 200px; width: 200px;
text-align: left; text-align: left;