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

abrechenbarkeit.lua

@@ -399,7 +399,7 @@ end
 
 local function r_log(filter)
     return respond(200, "Abrechnungen", function()
-        print([[<table class="log"]])
+        print([[<table class="log" printtitle="Abrechnung"]])
         print([[<thead><tr>
             <th>Time</th>
             <th>Username</th>
@@ -456,7 +456,7 @@ local function r_index()
                 <input type="submit" value="Continue" class="button amount-ntr" />
             </form>
         ]])
-        print([[<div class="userlist"></div>]]) -- for printing
+        print([[<div class="userlist" printtitle="User List, is still work in progress :/"></div>]]) -- for printing
         print([[<ul class="userlist">]])
         for _, user in ipairs(get_active_users()) do
             print(string.format([[

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;