diff --git a/coinmanager/coinc/static/coinc/styles.css b/coinmanager/coinc/static/coinc/styles.css
index 784a943..41abdc0 100644
--- a/coinmanager/coinc/static/coinc/styles.css
+++ b/coinmanager/coinc/static/coinc/styles.css
@@ -17,6 +17,7 @@
along with this program. If not, see .
*/
+
html, table, tr, td, div {
margin: 0;
padding: 0;
@@ -53,56 +54,62 @@ table {
margin-bottom: 30px !important;
}
-table tr {
+th {
+ position: sticky;
+}
+
+tr {
height: 30px;
}
-table td {
+td {
overflow: hidden;
vertical-align: middle;
white-space: nowrap;
}
-table > thead > tr > th {
- position: sticky;
-}
-
-table > thead > tr:first-child > th {
- border-bottom: 1.7px solid black;
+thead > tr:first-child > th {
background-image: linear-gradient(0, #9fc5e8, white);
background-position: 100% 100%;
padding: 5px;
text-align: left;
top: 0;
}
-table > thead > tr:nth-child(2) > th {
- background-color: white;
-}
-table > thead > tr:nth-child(2) > th:after {
- content: '';
- position: absolute;
- left: -0.7px;
- top: -1.4px;
- width: 30px;
- height: 30px;
- border-top: 1px solid gray;
- border-left: 1px solid gray;
- border-bottom: 1px solid gray;
-}
-table > thead > tr:nth-child(2) > th, table > tbody > tr > td {
- text-align: center;
- font-size: 0.8rem;
- font-weight: normal;
+thead > tr:nth-child(2) > th {
+ background-color: white;
top: 36px;
}
-table > tbody > tr > td {
+thead > tr:nth-child(2) > th:after {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: -1px;
+ width: 30px;
+ height: 32px;
+ border-top: 1px solid gray;
+ border-left: 1px solid gray;
+ border-bottom: 2px solid black;
+}
+
+thead > tr:nth-child(2) > th:last-child:after {
+ border-right: 1px solid gray;
+}
+
+
+thead > tr:nth-child(2) > th, table > tbody > tr > td {
+ text-align: center;
+ font-size: 0.8rem;
+ font-weight: normal;
+}
+
+tbody > tr > td {
background-color: #b7b7b7;
border: 1px solid gray;
}
-table > tbody > tr > td > div.coin {
+tbody > tr > td > div.coin {
position: relative;
height: 30px;
width: 30px;
@@ -163,10 +170,6 @@ div.found {
clip-path: polygon(100% 70%, 100% 100%, 70% 100%);
}
-div.Moritz {
- background-color: red;
-}
-
div.username {
position: fixed;
left: 0;
@@ -200,5 +203,3 @@ div#username {
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
-
-.hide { display: none; }
diff --git a/coinmanager/coinc/templates/coinc/username.html b/coinmanager/coinc/templates/coinc/username.html
index 1b2d48d..3307456 100644
--- a/coinmanager/coinc/templates/coinc/username.html
+++ b/coinmanager/coinc/templates/coinc/username.html
@@ -1,11 +1,26 @@
-
-
-
+
+
+
+
+
+
+