From 2068c2601106cc03c0489da67a99521483d1147f Mon Sep 17 00:00:00 2001
From: Adrian Wannenmacher <tfld@tfld.dev>
Date: Wed, 11 Mar 2026 00:18:18 +0100
Subject: [PATCH] add icons to session list buttons

---
 ui/button.css               | 7 +++++++
 ui/session_list.js          | 6 ++++--
 vendored/material-icons.css | 2 +-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/ui/button.css b/ui/button.css
index ec295ec..0339af2 100644
--- a/ui/button.css
+++ b/ui/button.css
@@ -20,4 +20,11 @@
   &.-slim {
     padding: 0.5em;
   }
+
+  &.-icon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 1ch;
+  }
 }
\ No newline at end of file
diff --git a/ui/session_list.js b/ui/session_list.js
index e55afbd..4720d6f 100644
--- a/ui/session_list.js
+++ b/ui/session_list.js
@@ -17,23 +17,25 @@ export default class SessionList {
           m("span.ourpoints", "•".repeat(s.result.ourPoints)),
           m("div.actions",
             m(
-              "button.wb-button.-slim._positioned",
+              "button.wb-button.-slim.-icon._positioned",
               {
                 onclick: () => {
                   if (window.confirm("Wiillst den Satz wirklich löschn?"))
                     onDelete(s.id, i);
                 }
               },
+              m("span.material-symbols-outlined", "delete"),
               "löschn"
             ),
             m(
               m.route.Link,
               {
                 href: "/",
-                selector: "button.wb-button.-slim._positioned",
+                selector: "button.wb-button.-slim.-icon._positioned",
                 params: { session: s.id },
                 onclick: () => onSelect(s),
               },
+              m("span.material-symbols-outlined", "playing_cards"),
               "spieln",
             ),
           ),
diff --git a/vendored/material-icons.css b/vendored/material-icons.css
index b185f9c..978df26 100644
--- a/vendored/material-icons.css
+++ b/vendored/material-icons.css
@@ -12,7 +12,7 @@
   font-family: 'Material Symbols Outlined';
   font-weight: normal;
   font-style: normal;
-  font-size: 24px;
+  font-size: 1em;
   line-height: 1;
   letter-spacing: normal;
   text-transform: none;