diff --git a/coinmanager/coinc/static/coinc/styles.css b/coinmanager/coinc/static/coinc/styles.css index acd1663..72887a5 100644 --- a/coinmanager/coinc/static/coinc/styles.css +++ b/coinmanager/coinc/static/coinc/styles.css @@ -162,6 +162,7 @@ li { table { margin-bottom: 63px; cursor: default; + table-layout: fixed; } th { @@ -193,6 +194,7 @@ thead div.total_coins { thead > tr:nth-child(2) > th { background-color: white; top: 40px; + width: 40px; } tr:nth-child(2) > th:nth-child(10):after, @@ -366,7 +368,7 @@ div.two_lines { /* smallest view 12 * 28 = 336px */ -@media (max-width: 480px) { +@media (max-width: 520px) { body { 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) { - table { - width: 640px; - } +@media (min-width: 680px) { tr:nth-child(2) > th:nth-child(10) { width: 200px; 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) { - table { - width: 800px; - } +@media (min-width: 840px) { tr:nth-child(2) > th:nth-child(11) { width: 200px; 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) { - table { - width: 960px; - } +@media (min-width: 1000px) { tr:nth-child(2) > th:nth-child(12) { width: 200px; text-align: left;