use icons-in-css instead of icon font

1 files changed, 4 insertions, 10 deletions

diff --git a/static/misc.css b/static/misc.css
index 8902e95..138b0fb 100644
--- a/static/misc.css
+++ b/static/misc.css
@@ -37,28 +37,22 @@ button.secondary {
   }
 }
 
-button.icon {
+button.material-symbols {
   border: none;
-  background: none;
   aspect-ratio: 1;
   margin: 0;
   padding: 0;
-  &.active {
-    font-variation-settings: "FILL" 1;
-  }
 }
 
-.icon {
+.material-symbols {
   color: inherit;
   text-decoration: none;
-  font-size: var(--icon-size);
   user-select: none;
 }
 
 span.inlineIcon {
-  font-size: inherit;
-  color: inherit;
-  user-select: none;
+  width: 1em;
+  height: 1em;
 }
 
 span.unreadIndicator {