From 65a7374519a252198050e54aa324cdb01bb525c3 Mon Sep 17 00:00:00 2001
From: koksnuss <koksnuss@arcor.de>
Date: Sun, 17 May 2020 20:31:06 +0200
Subject: [PATCH 1/2] wip

---
 coinmanager/db.sqlite3 | Bin 241664 -> 245760 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/coinmanager/db.sqlite3 b/coinmanager/db.sqlite3
index 933719500e0450942ab90cba493f365e7bd1c997..5ca26823e3ae853d8bf27c0362a560fb6131aa39 100644
GIT binary patch
delta 4418
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

delta 947
zcmZwETS!zv7zgl~GoEv1=G<0YQWW&GT9jmN>$SY3AQEa|B9SDfVqzMlk>*Rdae^*H
zs0HI&6k+txgRF5N9|93-lcLPqJ|z31K`wSPv<;-ALF`fIVPIx{{Q16byk5;4RQnS7
zIsia^zkU?f4L2+ugveK!VHQV$b?oqo9T56jJNNOvDn}6B>+2ScxE?dE2ZpX#fCNnO
z8)VR2{|-k5i+G_K_zm~B2&LAe5yfx=H%->*4;rG2G{{23FeA2z=1~tlK=)FeCQv6;
zDP}#5T$7W8C?sL>lPr*VGE3eQKN(};My@7?+@=9ykWn&1o{=H)fDHOd9K9khAjrAc
z&2t=M<zcu-pi@8qfR(p#HOwD|Ih3ve9{f}DZCpZ<<k$c_0vw#!+}~{Oero{My}7HM
zTfQ%I+KP1sSz1_I@kM(-Yv!tk6uq~Cp9J(SZKua*s#WQ{RnH*lBGtrA6#NCh!jJJa
zd<GZdL~%`=5l6%Uu|qsArioZs6vl-|f>)>)@`ZT*7eA?e(q3qTTDMlCc{GQ*tWKy;
z)f;NFS|VpFf0Q}pxiX+!R4SD;1<Q-_xcpE~yeikKNpg(zRhp2VNQTrP6-o(ol}^!N
zYaCfTdv^q-r0B+J2jIA9WjDqOwwBe3Uz}??>v4PB>F(_GLzyf;AGyjhb)$9%IUOmJ
zjZ+Q)ZDGyg$4J56T3N1S<K%WXWpgnFsHIgmsv{l208)FNOE*qzCC)7**{F&n8!dY5
zgar%GEvu@E?atPpd8ZIv=FFmObRDv#Je0~7a!^<N|H(PU54I*Q<)Tt6wsU*zq|F6#
rQ5n*W3#{LRVwG9jTYcW<FP-0E_A@s4+JbB>2c?+WVe}FX6{C*7_hIE5


From 24365d2834c8c7004472497367d764bdffdcfe60 Mon Sep 17 00:00:00 2001
From: koksnuss <koksnuss@arcor.de>
Date: Sun, 17 May 2020 20:34:38 +0200
Subject: [PATCH 2/2] #27 part fix: fix sticky table head issues and minor
 other things

---
 coinmanager/coinc/static/coinc/styles.css     | 97 ++++++++++---------
 .../coinc/templates/coinc/country.html        |  9 +-
 coinmanager/coinc/views.py                    |  2 +-
 3 files changed, 59 insertions(+), 49 deletions(-)

diff --git a/coinmanager/coinc/static/coinc/styles.css b/coinmanager/coinc/static/coinc/styles.css
index d5bb193..2beb09c 100644
--- a/coinmanager/coinc/static/coinc/styles.css
+++ b/coinmanager/coinc/static/coinc/styles.css
@@ -38,7 +38,7 @@ a,
 a:hover,
 a:active,
 a:visited {
-    text-decoration: none;
+    text-decoration: none !important;
     color: black !important;
     cursor: pointer;
     vertical-align: inherit;
@@ -190,7 +190,6 @@ thead > tr:first-child > th {
 thead > tr:nth-child(2) > th {
     background-color: white;
     top: 40px;
-    border-bottom: 1px solid gray;
 }
 
 tr:nth-child(2) > th:nth-child(10):after,
@@ -206,28 +205,33 @@ tr:nth-child(2) > th:nth-child(12):after {
 }
 
 tr:nth-child(2) > th:nth-child(10):after {
-    content: '201';
+    content: '2 €*';
 }
 
 tr:nth-child(2) > th:nth-child(11):after {
-    content: '202';
+    content: '2 €*';
 }
 
 tr:nth-child(2) > th:nth-child(12):after {
-    content: '203';
+    content: '2 €*';
 }
 
-tr:nth-child(2):after {
-    content: '';
-    position: absolute;
-    bottom: 0;
+tbody > tr:first-child > td {
+    border-top: 4px solid white;
+}
+
+thead > tr:nth-child(3) {
+  height: 1.2px;
+}
+
+thead > tr:nth-child(3) > th {
+    background-color: #636263;
     left: 0;
-    width: 100%;
-    height: 1px;
-    border-bottom: 1.2px solid gray;
+    top: 80px;
+    padding: 0;
+    box-shadow: 0 3px 10px black;
 }
 
-
 /* table body */
 
 thead > tr:nth-child(2) > th,
@@ -246,8 +250,8 @@ td > * {
 
 td.coin {
     background-color: #cec6ca;
-    border: 1px solid gray;
     font-size: 1.1rem;
+    border: 2px solid white;
 }
 
 .brass {
@@ -275,8 +279,7 @@ td.coin {
 }
 
 .noexist {
-    border: 0 !important;
-    background: rgba(0, 0, 0, 0) !important;
+    background: rgba(74, 63, 85, 0.43) !important;
 }
 
 
@@ -355,14 +358,42 @@ div.two_lines {
 /* smallest view 12 * 28 = 336px */
 
 @media (max-width: 480px) {
+    body {
+        font-size: 0.86rem;
+    }
+
+    button.navbar_toggler {
+        display: block;
+        float: right
+    }
+    div#buttons {
+        display: none;
+    }
+
     table {
         width: 336px;
+        table-layout: fixed;
     }
-    tr:nth-child(2) > th {
-        width: 26px;
+    tr {
+        height: 28px;
     }
-    tr:nth-child(2) > th:after {
-        width: 26px;
+    thead > tr:first-child {
+        height: 35px;
+        font-size: 1rem;
+    }
+    thead > tr:nth-child(2) > th {
+        top: 35px;
+        width: 28px;
+    }
+    thead > tr:nth-child(3) > th {
+        top: 63px;
+    }
+    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: 28px;
+        width: 28px;
+        line-height: 28px;
     }
     tbody > tr > td > div.coin {
         height: 26px;
@@ -372,30 +403,7 @@ div.two_lines {
     div.found {
         height: 26px;
         width: 26px;
-    }
-    tr {
-        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: 26px;
-        width: 26px;
-        line-height: 26px;
-    }
-    thead > tr:nth-child(2) > th,
-    tbody > tr > td {
-        font-size: 0.8rem;
-    }
-    thead > tr:nth-child(2) > th {
-        top: 36px;
-    }
-    button.navbar_toggler {
-        display: block;
-        float: right
-    }
-    div#buttons {
-        display: none;
+        clip-path: polygon(100% 60%, 100% 100%, 60% 100%);
     }
 }
 
@@ -461,4 +469,3 @@ div.two_lines {
         display: block;
     }
 }
-
diff --git a/coinmanager/coinc/templates/coinc/country.html b/coinmanager/coinc/templates/coinc/country.html
index 3eee0ac..d498bf3 100644
--- a/coinmanager/coinc/templates/coinc/country.html
+++ b/coinmanager/coinc/templates/coinc/country.html
@@ -13,19 +13,22 @@
           </th>
         </tr>
         <tr>
-          <th></th>
+          <th>Jahr</th>
           <th>1</th>
           <th>2</th>
           <th>5</th>
           <th class="brass">10</th>
           <th class="brass">20</th>
           <th class="brass">50</th>
-          <th>100</th>
-          <th>200</th>
+          <th>1 €</th>
+          <th>2 €</th>
           <th></th>
           <th></th>
           <th></th>
         </tr>
+        <tr>
+          <th colspan="12"></th>
+        </tr>
       </thead>
       <tbody>
 {% for year in country.years %}{% show_year country year %}{% endfor %}      </tbody>
diff --git a/coinmanager/coinc/views.py b/coinmanager/coinc/views.py
index b3d7ddd..4b0660f 100644
--- a/coinmanager/coinc/views.py
+++ b/coinmanager/coinc/views.py
@@ -178,7 +178,7 @@ def show_coin(country, year, stamp, value):
     name = coin.name if coin.name else ''
     special_class = ''
     if name:
-        if len(name) >= 26 and len(name) <= 52:
+        if len(name) >= 18 and len(name) <= 52:
             special_class = 'two_lines'
         elif len(name) > 53:
             special_class = 'three_lines'