fix Issue #2; move printtitle from css to html attr, to prepare for localisation

1 files changed, 9 insertions, 10 deletions

diff --git a/style.css b/style.css
index cd26d0a..d3ed10b 100644
--- a/style.css
+++ b/style.css
@@ -119,11 +119,11 @@ form#user_creation>* {
     margin-right: 1.5em;
 }
 
-li a {
+ul.userlist > li a {
     text-decoration: none;
 }
 
-ul {
+ul.userlist {
     display: grid;
     justify-content: left;
     grid-auto-rows: minmax(5em, auto);
@@ -132,16 +132,16 @@ ul {
     list-style-type: none;
     margin-left: auto;
     margin-right: auto;
+    margin-top: 1em;
 }
 
-li {
+.userlist > li > a {
+    border-radius: 4px;
     background-color: var(--b2);
+    padding: 1em;
+    display: inline-block;
     width: 6em;
     height: 3.5em;
-    padding: 1em;
-    margin: .5em;
-    margin-left: 0;
-    border-radius: 4px;
 }
 
 .name {
@@ -297,7 +297,6 @@ input:not([type=submit]) {
 }
 
 @media print {
-
     nav,
     .container {
         display: none;
@@ -309,13 +308,13 @@ input:not([type=submit]) {
     }
 
     table.log:before {
-        content: "Abrechnung";
+        content: attr(printtitle);
         font-size: 2em;
         text-decoration: underline;
     }
 
     div.userlist:before {
-        content: "User List, is still work in progress :/";
+        content: attr(printtitle);
         clear: right;
         width: 100vw;
         font-size: 2em;