Update JS

FossilOrigin-Name: 6f5b19c5b79c90365430be17127185a22c1a709e6666f405869525c701a17d22

dist/js/main.js

@@ -8,11 +8,13 @@ function em(tag, values, child)
     // Can either be a "append"-able type, or properties
     // If it's properties, then child must be set
     if ((typeof values === 'string' ||
-         typeof values === 'number' ||
          values instanceof HTMLElement) && !child)
     {
         element.append(element);
     }
+    else if (typeof values === 'number') {
+        element.append(values.toString());
+    }
     else if (typeof values === 'object' && child) {
         for (const prop in values)
         {
@@ -23,7 +25,11 @@ function em(tag, values, child)
     // Type doesn't matter, just append whatever is in child
     if (child)
     {
-        element.append(child);
+        // Well, except if it's a string
+        if (typeof values === 'number')
+            element.append(child.toString());
+        else
+            element.append(child);
     }
     
     return element;
@@ -146,8 +152,8 @@ function interact_action(status, type)
         }
         else {
             // Nobody interacted with this yet, create counter
-            const counter = el("span.count", 1)
-            mount(label, counter);
+            const counter = em("span", { className: "count" }, 1)
+            label.append(counter);
             is_interacted = false;
         }
 

dist/treebird.css

@@ -13,7 +13,6 @@
     --account-overlay-gradient-bottom: #dadada;
 }
 
-
 input
 {
     transition: .1s box-shadow;
@@ -35,6 +34,7 @@ body
 {
     margin-bottom: 40px;
     margin-top: 10px;
+    font-size: 15px;
 }
 
 html
@@ -307,7 +307,7 @@ table.ui-table td
 {
     padding-top: unset;
     padding-bottom: unset;
-    height: 26px;
+    height: 27px;
     border-right: unset;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
@@ -1308,6 +1308,7 @@ input[type=checkbox].hidden:not(:checked) + .sidebar-submenu
     overflow-wrap: anywhere;
     line-height: 1.2;
     display: block;
+    font-size: 0.9rem;
 }
 
 .status-content .title
@@ -1772,7 +1773,7 @@ p}
     max-width: 536px;
     min-width: 536px;
     margin-bottom: 5px;
-    font-family: arial;
+    font-family: Sans-Serif;
     font-size: 16px;
     box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
     border: 1px solid #505050;