From ffcebba38b955afc3e8d2f5ce8e2d2151c259ece Mon Sep 17 00:00:00 2001
From: koksnuss <koksnuss@arcor.de>
Date: Thu, 14 May 2020 23:57:47 +0200
Subject: [PATCH] make mobile view smaller (26px height and width), also show
 mid small view

---
 coinmanager/coinc/static/coinc/styles.css | 28 +++++++++++------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/coinmanager/coinc/static/coinc/styles.css b/coinmanager/coinc/static/coinc/styles.css
index 60973db..d5bb193 100644
--- a/coinmanager/coinc/static/coinc/styles.css
+++ b/coinmanager/coinc/static/coinc/styles.css
@@ -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 {