add icons to session list buttons

ui/button.css

@@ -20,4 +20,11 @@
   &.-slim {
     padding: 0.5em;
   }
+
+  &.-icon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 1ch;
+  }
 }

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",
             ),
           ),

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;