fix some printing styles and some other stuff forgot tbh

2 files changed, 34 insertions, 19 deletions

diff --git a/abrechenbarkeit.lua b/abrechenbarkeit.lua
index 9244484..2faa38e 100755
--- a/abrechenbarkeit.lua
+++ b/abrechenbarkeit.lua
@@ -309,7 +309,7 @@ end
 
 local function r_log(filter)
     return respond(200, "Abrechnungen", function()
-        print([[<table class="log">]])
+        print([[<table class="log"]])
         print([[<tr>
             <th>Time</th>
             <th>Username</th>
@@ -364,8 +364,8 @@ local function r_index()
                 <input type="submit" value="Continue" class="button amount-ntr" />
             </form>
         ]])
-        print("<ul>")
-
+        print([[<div class="userlist"></div>]]) -- for printing
+        print([[<ul class="userlist">]])
         for _, user in ipairs(get_active_users()) do
             print(string.format([[
                 <li><a href="/%s"><span class="name">%s</span> <span class="amount amount-%s">%.02f€</span></a></li>
diff --git a/style.css b/style.css
index 836cc35..78d914a 100644
--- a/style.css
+++ b/style.css
@@ -273,24 +273,39 @@ input:not([type=submit]) {
 }
 
 @media print {
+	nav, .container {
+		display: none;
+	}
 
-    nav,
-    .container,
-    h1 {
-        display: none;
-    }
+	h1 {
+		font-size: 2em;
+		text-decoration: underline;
+	}
 
-    table.log:before {
-        content: "Abrechenbarkeit Log";
-        font-size: 2em;
-        text-decoration: underline;
-    }
+	table.log:before {
+		content: "Abrechnung";
+		font-size: 2em;
+		text-decoration: underline;
+	}
 
-    table.productlist:before {
-        content: "Produkt Liste";
-        font-size: 2em;
-        text-decoration: underline;
-    }
+	div.userlist:before {
+		content: "User List, is still work in progress :/";
+		clear: right;
+		width: 100vw;
+		font-size: 2em;
+		text-decoration: underline;
+		display: block;
+	}
+
+	.userlist a, ul {
+		display: block;
+		width: 100%;
+	}
+
+	.userlist > li > a {
+		width: 100%;
+		display: flex;
+	}
 
     tr :last-child {
         display: none;
@@ -309,4 +324,4 @@ input:not([type=submit]) {
     form {
         display: none;
     }
-}
\ No newline at end of file
+}